当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html无序列表的类型type

html无序列表的类型type

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

移动端

【实例介绍】

无序列表的类型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>

【代码分析】

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

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

 【素材及源码下载】

请点击:html无序列表的类型type 下载本实例相关素材及源码

 

标签: html