HTML5 中的列表標簽<ul>
和<ol>
用來創建有序和無序的列表。其中,無序列表使用<ul>
標簽,并且通過<li>
標簽來創建每個列表項。
<ul> <li>列表項一</li> <li>列表項二</li> <li>列表項三</li> </ul>
默認情況下,無序列表中的每個列表項前面都會有一個黑色的實心圓點作為標記,這個標記可以通過 CSS 樣式進行修改。
要修改無序列表中的圓點樣式,可以通過list-style
屬性來實現。其中,list-style-type
屬性用來決定列表項標記的類型,常見的值包括:
- disc:實心圓點
- circle:空心圓點
- square:實心正方形
例如,想要將圓點改為空心圓點,可以使用以下 CSS 樣式:
<style> ul { list-style-type: circle; } </style>
如果想要使用更加個性化的標記,可以使用圖片或者自定義圖形作為列表項標記,這個也可以通過 CSS 樣式來實現。
無序列表的圓點樣式可以是一個圖片,可以使用list-style-image
屬性來指定圖片。例如:
<style> ul { list-style-type: none; list-style-image: url('circle.png'); } </style>
上面的樣式會將無序列表的標記設置為圖片圓圈,圖片名稱為circle.png
。