CSS是一種用于網頁樣式的語言,通過它我們可以控制頁面中各個元素的樣式和布局。在網頁中,頁腳通常是出現在頁面底部的一段信息,例如版權信息、聯系方式等。那么如何使用CSS來顯示頁腳呢?
首先,我們需要在HTML文件中定義一個頁腳的容器,例如使用<footer>標簽:
<footer> <p>版權所有 ? 2021 XX公司</p> <p>聯系郵箱:admin@xx.com</p> </footer>
接下來,在CSS中使用以下樣式來控制頁腳的展示效果:
/*設置頁腳高度和背景顏色*/ footer { height: 100px; background-color: #f5f5f5; } /*居中顯示頁腳內部的文字*/ footer p { text-align: center; line-height: 100px; }
通過以上代碼,我們可以完成一個簡單的頁腳展示效果。需要注意的是,要根據實際頁面的布局和設計來選擇合適的樣式,使得頁腳能夠與整個頁面呈現出協調統一的效果。
下一篇css如何添分割線