在HTML中,
li標(biāo)簽是用于表示列表中每一項(xiàng)的標(biāo)簽,它通常嵌套在
ul
或ol
標(biāo)簽中,如下所示:<ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul>
這樣寫出來(lái)的效果是這樣的:
- 列表項(xiàng)1
- 列表項(xiàng)2
- 列表項(xiàng)3
我們可以通過(guò)一些屬性來(lái)設(shè)置
標(biāo)簽的樣式:li
屬性:指定有序列表的編號(hào)類型,比如type
表示阿拉伯?dāng)?shù)字編號(hào),type="1"
表示大寫字母編號(hào);type="A"
屬性:指定有序列表的初始值;value
屬性:指定class
標(biāo)簽的類名,以便于為其添加樣式;li
屬性:指定id
標(biāo)簽的唯一標(biāo)識(shí)符,以便于在腳本中操作它。li
舉個(gè)例子,下面是一個(gè)有序列表,初始值為10,使用小寫字母編號(hào),每個(gè)
標(biāo)簽的類名為li
,唯一標(biāo)識(shí)符分別為list-item
、item1
、item2
:item3
<ol type="a" start="10"> <li class="list-item" id="item1">列表項(xiàng)1</li> <li class="list-item" id="item2">列表項(xiàng)2</li> <li class="list-item" id="item3">列表項(xiàng)2</li> </ol>
效果如下:
- 列表項(xiàng)1
- 列表項(xiàng)2
- 列表項(xiàng)3
通過(guò)以上幾種方法,我們可以很靈活地設(shè)置
標(biāo)簽的樣式。li