html无序列表的类型type

2012/11/16 15:39:04作者：佚名来源：网络

移动端

【实例介绍】

无序列表的类型type

默认情况下，无序列表的项目符号是●，type属性规定列表的项目符号的类型，避免列表符号的单调。

【基本语法】

【语法介绍】

在该语法中，无序列表其他的属性不变，type属性则决定了列表项开始的符号。它可以设
置的值有3个，如表所示。

无序列表的序号类型

类型值                                       列表项目的符号
Disc 默认值                          黑色实心圆点项目符号“●”
circle                                      空心圆环项目符号“○”
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>怒江 独龙毯</li>
<li>罗平小黄姜</li>
<li>猴头菇</li>
<li>丽江 鸡粽</li>
<li>丽江 铜器</li>
<li>丽江 蜂糖梨</li></ul> 
</body>
</html>

【代码分析】

在代码中，加粗部分的标记为设置无序列表类型为方块，在浏览器中预览可以看到效果，如图所示。

无序列表的类型type运行效果