2012-11-16 来源:网络
【实例介绍】
无序列表的类型type
默认情况下,无序列表的项目符号是●,type属性规定列表的项目符号的类型,避免列表符号的单调。
【基本语法】
<ul type="符号类型">
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
···
</ul>
【语法介绍】
在该语法中,无序列表其他的属性不变,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>
【代码分析】
在代码中,加粗部分的标记为设置无序列表类型为方块,在浏览器中预览可以看到效果,如图所示。
【素材及源码下载】
请点击:html无序列表的类型type 下载本实例相关素材及源码