html無序列表的類型type

2012/11/16 15:39:04作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

無序列表的類型type

默認(rèn)情況下，無序列表的項(xiàng)目符號(hào)是●，type屬性規(guī)定列表的項(xiàng)目符號(hào)的類型，避免列表符號(hào)的單調(diào)。

【基本語法】

<ul type="符號(hào)類型">
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
···
</ul>

【語法介紹】

在該語法中，無序列表其他的屬性不變，type屬性則決定了列表項(xiàng)開始的符號(hào)。它可以設(shè)
置的值有3個(gè)，如表所示。

無序列表的序號(hào)類型

類型值                                       列表項(xiàng)目的符號(hào)
Disc 默認(rèn)值                          黑色實(shí)心圓點(diǎn)項(xiàng)目符號(hào)“●”
circle                                      空心圓環(huán)項(xiàng)目符號(hào)“○”
square                                  正方形的項(xiàng)目符號(hào)“□”

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設(shè)置無序列表的類型</title>
</head>
<body>
<p><b>
  云南特產(chǎn)</b>
</p>
<ul type="square"> 
<li>大理 木雕工藝</li>
<li>大理 雕梅燉梅</li>
<li>怒江 獨(dú)龍?zhí)?lt;/li>
<li>羅平小黃姜</li>
<li>猴頭菇</li>
<li>麗江 雞粽</li>
<li>麗江 銅器</li>
<li>麗江 蜂糖梨</li></ul> 
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標(biāo)記為設(shè)置無序列表類型為方塊，在瀏覽器中預(yù)覽可以看到效果，如圖所示。

無序列表的類型type運(yùn)行效果