網(wǎng)站的下部版權(quán)頁是一段非常重要的部分,可以用來展示版權(quán)信息、聯(lián)系方式、隱私政策等內(nèi)容。通過使用CSS技術(shù),可以讓這一部分更具可讀性和美觀性。
.footer { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 14px; } .footer a { color: #fff; text-decoration: none; } .footer a:hover { text-decoration: underline; }
在上面的代碼中,.footer類定義了下部版權(quán)頁的樣式。設(shè)置了背景顏色為#333,文字顏色為白色,內(nèi)邊距為20像素。同時,設(shè)置了文本對齊方式為居中,字號為14像素。通過為a標(biāo)簽設(shè)置樣式,可以使鏈接在鼠標(biāo)懸浮時出現(xiàn)下劃線。
在下部版權(quán)頁中,可能會出現(xiàn)多個鏈接,如聯(lián)系方式、隱私政策等。我們可以使用無序列表(ul)和列表項(li)來排列這些鏈接。
.footer ul { list-style: none; padding: 0; margin: 10px 0; } .footer li { display: inline-block; margin: 0 10px; }
在上面的代碼中,.footer ul類定義了無序列表的樣式。使用了list-style:none將列表項前面的符號去除,同時設(shè)置了padding和margin。.footer li類定義了列表項的樣式,使用了display:inline-block將列表項水平排列,并設(shè)置了margin值。
總之,通過使用CSS技術(shù),我們可以讓網(wǎng)站的下部版權(quán)頁更加美觀和易讀。這些樣式可以根據(jù)自己的需求和審美進行調(diào)整和定制。
上一篇css中如何生成地圖
下一篇css中如何畫圖形