CSS中的ul和li標簽用來創建列表。而list-style屬性定義了列表的樣式,可以通過它來控制每個項目前面的標記符號顯示的樣式。
ul{ list-style-type: disk; /*圓點*/ } ol{ list-style-type: decimal; /*數字*/ } ul.square{ list-style-type: square; /*正方形*/ } ul.circle{ list-style-type: circle; /*空心圓*/ }
通過list-style屬性的其他值,你還可以展示一些獨特的列表標記類型,如星號、箭頭、圖片等等。
ul{ list-style-image: url("bullet.png"); /*圖片*/ } ul{ list-style-type: none; /*去掉列表標記符號*/ }
在樣式表中,list-style屬性通常用于ul和ol標簽上。此外,也可以使用子選擇器來自定義一個特定列表中每個項目或不同層次中的項目的list-style屬性,以使列表看起來更整潔。下面的例子定義一個css類square,它只對一類使用ul元素的列表應用它。