用AI 辅助,花 30 分钟做了一个高颜值、响应式、带动画的个人主页网页,不用死记 CSS/JS 语法,AI 帮你写代码,你只需要改改文字、图片就能用!
这篇文章包含:✅ 网页效果展示 ✅ 完整可直接运行代码 ✅ AI 制作教程,新手也能一步跟着做!
点击空白处退出提示
用AI 辅助,花 30 分钟做了一个高颜值、响应式、带动画的个人主页网页,不用死记 CSS/JS 语法,AI 帮你写代码,你只需要改改文字、图片就能用!
这篇文章包含:✅ 网页效果展示 ✅ 完整可直接运行代码 ✅ AI 制作教程,新手也能一步跟着做!
用AI 辅助,花 30 分钟做了一个高颜值、响应式、带动画的个人主页网页,不用死记 CSS/JS 语法,AI 帮你写代码,你只需要改改文字、图片就能用!
这篇文章包含:✅ 网页效果展示 ✅ 完整可直接运行代码 ✅ AI 制作教程,新手也能一步跟着做!用AI 辅助,花 30 分钟做了一个高颜值、响应式、带动画的个人主页网页,不用死记 CSS/JS 语法,AI 帮你写代码,你只需要改改文字、图片就能用!
这篇文章包含:✅ 网页效果展示 ✅ 完整可直接运行代码 ✅ AI 制作教程,新手也能一步跟着做!
新建一个文本文件,把后缀改成 .html,复制下面代码,双击打开就能看到效果!
html
预览
AI时代 · 我的个人主页
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft YaHei", sans-serif;
scroll-behavior: smooth;
}
/* 导航栏 */
nav {
position: fixed;
top: 0;
width: 100%;
padding: 20px 50px;
background: rgba(255,255,255,0.95);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 999;
}
.nav-wrap {
max-width: 1200px;
margin: 0 auto;




评论