这是前端挑战赛 - 12 月版的提交，glam up my markup：冬至
*{
边距：0；
填充：0；
框大小：边框框；
字体系列：“Trebuchet MS”、“Lucida Sans Unicode”、“Lucida Grande”、“Lucida Sans”、Arial、sans-serif；
}
身体{
溢出-x:隐藏;
}
.main-width{
宽度：1400px；
最大宽度：95%；
边距：0 自动；
}
.英雄{
高度：100%；
宽度：100%；
最小高度：100vh；
背景图片：url(Tanjiro1.png);
背景大小：100%；
背景重复：不重复；
}
.hero header .logo h2 a{
显示：块；
字体大小：30px；
字体粗细：600；
文本装饰：无；
颜色：白色；
font-family:'Noto Sans JP', sans-serif;
}
.hero 标头{
显示：flex；
对齐项目：居中；
对齐内容：空间之间；
内边距：40px 0 30px;
}
nav ul li{
列表样式：无；
显示：内联块；
}
nav ul li a{
文本装饰：无；
颜色: 爱丽丝蓝;
左边距：80px；
字体大小：20px;
字体粗细：600；
底部边框：2px 纯白色；
过渡：4s；
}
nav ul li:not(:last-child) a:hover
nav ul li:not(:last-child) a:focus{
底部边框：2px 纯白色；
}
nav ul li.active a{
底部边框：2px 纯白色；
}
nav ul li.btn a{
背景：透明；
颜色：白色；
边框：1px实线#f5dca8;
内边距：9px 20px；
边框半径：80px；
行高：1.4；
字体大小：18px；
字体粗细：600；
左边距：150px；
}
nav ul li.btn:悬停在{
边框：1px 纯白色；
颜色：黑色；
背景：白色；
过渡：.4s；
}
.内容{
顶部填充：140px；
}
.content .main-text{
位置：相对；
z 索引：2；
下边距：50px；
}
.content .main-text h6{
字体大小：14px；
字体粗细：400；
颜色：白色；
下边距：40px；
}
.content .main-text h1{
字体大小：60px；
行高：1；
颜色：白色；
边距：0px 0px 45px;
font-family: '永久标记'，草书；
}
.content .main-text p{
最大宽度：100%；
宽度：480px；
颜色：白色；
行高：1.8；
字体大小：15px；
下边距：50px
}
.content .main-text a{
显示：内联块；
文本装饰：无；
颜色：黑色；
背景：白色；
边框：1px 纯白色；
内边距：9px 25px；
行高：1.4；
边框半径：30px;
字体大小：14px；
字体粗细：500；
}
.content .main-text a:hover{
变换：缩放（1.2）；
边框：1px实线#f5dca8;
背景：透明；
颜色：白色；
过渡：.4s；
}
<!DOCTYPE html>
一个家庭遭到恶魔袭击，只有两名成员幸存——炭治郎和他的妹妹祢豆子，祢豆子正在慢慢变成恶魔。炭治郎为了给家人报仇、治愈妹妹，立志成为一名斩妖除魔......
这是我专属的动漫网站，它有最好的动画按钮和平滑的过渡
Swally的所有权利都属于我
以上就是日本动画片的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
305
收藏
