CSS中的無序列表樣式(unordered list style)能夠幫助我們設計出符合網站風格的目錄、導航等列表。下面我將介紹一些常用的無序列表樣式。
ul { list-style: none; }
這是最基本的樣式,取消了默認的列表符號。如果要自定義列表符號,可以使用list-style-type屬性:
ul { list-style-type: square; }
除了square,還有disc(默認實心圓點)、circle(默認空心圓點)、lower-alpha(小寫字母)、upper-roman(大寫羅馬數字)等多種樣式可供選擇。
如果要讓列表項之間有間隔,可以設置margin或padding屬性:
ul { list-style-type: circle; margin-left: 20px; }
這樣就在列表項左側增加了20像素的間距。
另外,我們也可以只對某個特定位置的列表進行樣式調整。比如選中第一個列表項:
ul li:first-child { font-weight: bold; }
這樣就可以將第一個列表項的文字加粗。
以上是無序列表樣式的幾個簡單示例,在實際設計中還可以根據需要自定義更多樣式。
上一篇html5代碼在哪里查看
下一篇HTML5代碼在哪編譯