html無序列表的類型type

2012/11/16 15:39:04作者：佚名來源：網絡

移動端

【實例介紹】

無序列表的類型type

默認情況下，無序列表的項目符號是●，type屬性規(guī)定列表的項目符號的類型，避免列表符號的單調。

【基本語法】

【語法介紹】

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

無序列表的序號類型

類型值                                       列表項目的符號
Disc 默認值                          黑色實心圓點項目符號“●”
circle                                      空心圓環(huán)項目符號“○”
square                                  正方形的項目符號“□”

【實例代碼】


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

【代碼分析】

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

無序列表的類型type運行效果