在CSS中,我們可以使用<li>
元素來創建無序列表,而且我們可以通過設置樣式來自定義這些列表項的樣式。
其中一個可用的樣式選項是改變列表項的標記(marker)的形狀。默認情況下,無序列表使用圓點作為標記,但是我們可以通過設置list-style-type
屬性來改變標記。下面是一些可用的選項:
ul { list-style-type: circle; /* 圓圈*/ list-style-type: disc; /* 實心圓點*/ list-style-type: square; /* 實心正方形*/ list-style-type: none; /* 隱藏標記*/ }
示例代碼如下:
<ul> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> </ul>
以上代碼將創建一個使用默認圓點標記的無序列表。如果你想使用其他標記,例如正方形,可以設置list-style-type
屬性:
<ul style="list-style-type: square;"> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> </ul>
在這個例子中,<ul>
元素被設置為使用方塊標記,其余的代碼與默認的例子相同。
總之,通過list-style-type
屬性,我們可以自定義無序列表項的標記。常用的選項包括圓圈、實心圓點和正方形。