日本卡通

這是前端挑戰賽 - 12 月版的提交內容，魅力我的標記：冬至

我建造了什麼

CSS

*{
邊距：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；

}

超文本標記語言

動漫

鬼滅の刃

• 季節
• 劇集
• 漫畫
• 立即播放

#1 最佳動畫
這是 Koyoharu Gotōge 創作和繪製的日本漫畫系列，

惡魔殺手

一個家庭遭到惡魔襲擊，只有兩名成員倖存－炭治郎和他的妹妹祢豆子，祢豆子正在慢慢變成惡魔。炭治郎為了為家人報仇、治癒妹妹，立志成為一名斬妖除魔......

立即觀看

這是我專屬的動畫網站，它有最好的動畫按鈕和平滑的過渡

Swally的所有權利都屬於我

以上是日本卡通的詳細內容。更多資訊請關注PHP中文網其他相關文章！