CSS 中給 li 元素添加背景顏色是很常見的操作,可以用來美化菜單、列表等元素,增加用戶體驗。下面是添加 li 背景顏色的樣例代碼:
ul { list-style: none; padding: 0; margin: 0; } li { background-color: #f2f2f2; padding: 10px; margin-bottom: 5px; }
在上面的代碼中,我們首先對 ul 元素進行了一些基礎樣式設置,包括移除默認的列表樣式,以及 padding 和 margin 都設置為 0。
然后對 li 元素進行樣式設置,其中 background-color 屬性設置為 #f2f2f2,也可以設置為其他想要的顏色,padding 屬性設置為 10px,增加 li 元素的內邊距,margin-bottom 屬性設置為 5px,增加 li 元素之間的間距。
可以看出,通過給 li 元素添加背景顏色,整個列表的可讀性和美觀度都得到了提升。