CSS3 是一種可以優化網頁內容、改進用戶體驗的樣式標準。而頁眉是網頁的重要組成部分之一。通過 CSS3 樣式表能夠使頁眉更加美觀,增強網頁的視覺效果和可讀性。
/*頁眉樣式 */ header{ background-color: #333; color: #fff; height: 80px; text-align: center; padding: 20px; position: fixed; top: 0; width: 100%; z-index: 99; } /*添加動畫效果 */ header{ transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; /* Safari 和 Chrome */ } header:hover{ background-color: #444; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; /* Safari 和 Chrome */ }
上面的代碼展現了一個基本的頁眉樣式,通過設置頁眉的背景色、字體顏色、高度、居中對齊以及固定位置,實現了一個簡單的頁眉。同時,添加了鼠標懸停時的動畫效果,使用戶與網頁的互動更加生動。
不僅如此,CSS3 還提供了更多的樣式屬性,可以繼續優化和豐富頁面的設計,例如可以使用漸變顏色、圖片背景等等。在開發過程中,我們可以根據實際情況使用相應的樣式屬性來實現更加豐富的效果。
上一篇ajax 調用php
下一篇php $_global