在網(wǎng)頁開發(fā)中,頁眉和頁腳是網(wǎng)頁中很重要的元素,可以作為重要信息展示或者網(wǎng)頁布局的一部分。在CSS中,可以通過設(shè)置選擇器,來對(duì)頁眉和頁腳的樣式進(jìn)行設(shè)置。
首先,我們可以使用選擇器header
來選中頁面中的頁眉。在CSS中可以通過設(shè)置background-color
屬性來為頁眉添加背景色,通過設(shè)置color
屬性來改變字體顏色,也可以添加邊框等樣式。
header { background-color: #333; color: white; border-bottom: 1px solid black; padding: 10px; }
同樣的,我們可以使用選擇器footer
來選中頁面中的頁腳。在CSS中可以通過設(shè)置position
屬性來控制頁腳的位置,通過設(shè)置background-color
屬性來為頁腳添加背景色,通過設(shè)置color
屬性來改變字體顏色。
footer { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #333; color: white; padding: 10px; }
以上是設(shè)置頁眉頁腳的基本樣式,但具體的樣式設(shè)置,可以根據(jù)實(shí)際需求進(jìn)行自定義,從而使網(wǎng)頁布局更加美觀和實(shí)用。
上一篇dw css層疊樣式表
下一篇css樣式表的作用和意義