用AI在7分钟内打造80年代复古风落地页
现成的HTML/CSS页面，带霓虹配色、像素字体和CRT效果 - 直接在浏览器中打开，无需安装软件
- 2.创建新对话，粘贴下方提示词。将[TEMA]替换为你的页面主题（例如「摄影师作品集」、「咖啡店落地页」、「播客预告」），将[ZAGOLOVOK]替换为页面主标题。
主题和内容描述越具体，手动修改就越少。
Claude ↗关于该工具提示词创建一个1980年代街机风格的复古单页网站。主题：[TEMA]。主标题：[ZAGOLOVOK]。包含：带霓虹标题的hero区域、关于区域、以及带联系信息的页脚。样式要求：背景#0A0A0F，霓虹橙色#FE9901，酸性青绿色#00F0FF，暖白色文字。标题使用Google Fonts中的「Press Start 2P」，正文使用等宽字体。用CSS添加CRT扫描线效果，像素化按钮样式带内阴影，区域周围使用ASCII风格边框。输出为单个自包含HTML文件，内联CSS。包含Google Fonts链接。页面必须完全响应式。
这个提示词的作用提示词用中文编写，Claude能准确理解样式要求。将[TEMA]替换为页面主题（例如「复古游戏个人博客」），[ZAGOLOVOK]替换为你的主标题。其余参数（配色、字体、效果）无需修改。 - 4.打开任意文本编辑器（Windows用记事本，Mac用TextEdit的「纯文本」模式）。粘贴代码。将文件保存为retro.html - 扩展名必须是.html，不是.txt。
在记事本中保存时，文件类型选择「所有文件」，否则会保存为.txt。
- 5.双击保存的retro.html文件 - 它将在浏览器中打开。你会看到带有霓虹点缀、CRT效果和像素字体的复古页面。
文件可离线运行，但Press Start 2P字体需从Google Fonts加载（首次打开需联网）。
💰 跟着做需要花多少钱价格截至 2026-11
- 免费Claude Free免费计划每天消息数有限 - 用于生成HTML/CSS及1 - 2次修改已足够。
试一试，做第一个打卡的人
为什么是今天
1
48 小时内博主发布的视频
9530
总播放量
cossa.ruweb
每周攻略发到邮箱
AI 服务变化很快 - 界面和免费额度可能与描述有所不同。