CSS主頁是網(wǎng)站設(shè)計中非常重要的一個組成部分。通過合理的布局和優(yōu)雅的樣式,可以讓用戶更好地體驗網(wǎng)頁。下面介紹一些CSS主頁怎么弄的方法:
/*使用pre標(biāo)簽展示代碼*/ body{ margin:0; padding:0; font-family: '微軟雅黑', sans-serif; } header{ background-color:#ffffff; height:80px; width:100%; box-shadow:0px 2px 5px rgba(0,0,0,0.1); position:fixed; top:0; left:0; } nav{ float:left; } nav ul{ list-style:none; } nav ul li{ float:left; margin-right:30px; padding-top:25px; font-size:18px; } nav ul li a{ color:#000000; text-decoration:none; } nav ul li a:hover{ color:#FF4E50; }
首先,設(shè)置body元素的margin和padding屬性為0,以確保頁面內(nèi)容可以完全顯示。接下來,設(shè)置header元素的背景顏色、高度和寬度,以及底部的陰影。由于header元素在頁面中需要固定在頂部,所以給它加上了position屬性為fixed,同時也設(shè)置了top和left屬性。然后,創(chuàng)建導(dǎo)航欄nav,并將其浮動到左側(cè)。在nav中創(chuàng)建無序列表ul,并刪除其中的圓點符號。ul中的列表項用到了浮動和margin-right屬性,以便在頁面中根據(jù)需要添加多個欄目。最后,a元素設(shè)置字體顏色和鼠標(biāo)懸停效果。