CSS寫側邊欄目背景色非常簡單,我們可以通過使用CSS的background-color屬性來對側邊欄進行著色。下面我們來看一段CSS代碼的例子:
.sidebar { background-color: #F2F2F2; width: 250px; height: 100%; position: fixed; top: 0; left: 0; }
在上述代碼中,我們定義了一個類名為sidebar的樣式,給它設置了背景色為#F2F2F2(淺灰色),寬度為250像素,高度為100%,指定了它的定位方式為fixed,然后在網頁中固定在左上角。
通過這個例子,我們可以看到CSS樣式表中的background-color屬性可以方便地為網頁的任意一個元素添加背景色,讓設計變得更加美觀和生動。
上一篇css寫三行兩列的布局