在網站設計中,頁眉和頁腳是非常重要的元素。頁面上方的頁眉通常包含網站的標志和導航欄,而頁面下方的頁腳通常包含版權信息和其他重要的站點鏈接。使用CSS樣式表,可以輕松地更改頁眉和頁腳的樣式和內容。
要設置頁眉和頁腳信息,最好的方法是將相應的HTML元素包含在一個帶有class或id屬性的容器中。例如,下面的HTML代碼將一個標題添加到頁眉中:
<div class="header"> <h1>我的網站</h1> </div>然后,在CSS樣式表中,可以使用選擇器來定義頁眉和頁腳的樣式。例如,下面的樣式將設置頁眉的顏色和背景顏色:
.header { background-color: #333; color: #fff; }同樣地,下面的HTML和CSS代碼將在頁腳中添加版權信息:
<div id="footer"> <p>版權所有 ?2019 我的網站</p> </div> #footer { background-color: #333; color: #fff; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; }在這個例子中,頁腳被設置為固定位置,位于瀏覽器窗口的底部,并且使用居中對齊。此外,頁腳也設置了左右填充為10像素,并且使用了與頁眉相同的顏色和背景顏色。 總的來說,對于每個網站來說,自定義頁面的風格和布局都是非常重要的。通過使用CSS樣式表和正確地定義HTML元素來設置頁眉和頁腳,我們可以輕松地為我們的網站添加一個個性化的和專業的觸感。
上一篇css設置頁面最小尺寸
下一篇css設計技巧與方法