![HTML5+CSS3王者归来](https://wfqqreader-1252317822.image.myqcloud.com/cover/809/26846809/b_26846809.jpg)
上QQ阅读APP看书,第一时间看更新
5-1 点符列表
点符列表一般用在顺序不重要的条列式数据中,该元素的使用格式如下:
<ul><li> … </li></ul>
由于点符列表可有许多条,通常又将上述格式以下列方式表达。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_119320.jpg?sign=1739298581-R48q99JixjRmYaHFZ5qln34xQzcaDL9t-0-07161243255cda480b96f0f904b973d1)
一般浏览器在执行这个元素时,会在条列式数据前加上黑色中圆点符号“·”。在HTML 4.01中,<ul>有type属性可以更改实心圆点符号“·”。HTML5已经取消对此的支持,取而代之的是CSS的list-style-type或list-style,本书将在13-1节和13-4节说明这两个属性的使用方法。
程序实例ch5_1.html:以项目符号列出访问过的地点。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_84610.jpg?sign=1739298581-x7MBjaVx8PTSlkr2rgeCyo24tjXybKNZ-0-9875a1ffecda648010c7f4232e1bc937)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_84617.jpg?sign=1739298581-0OTGyMr4KtS8tfdt3BoGBYJg5HENlIIi-0-289590a630e7a94e4b22e706f809ce02)
程序实例ch5_2.html:以点符列表方式重新设计ch4_6.html。下面将只列出与ch4_6.html代码的不同之处。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_84620.jpg?sign=1739298581-JDVu9CRsnUB1AQd9EqUY5rFJrRh0gBhm-0-bed399fdcb1c90bbb917196152768db5)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P56_119321.jpg?sign=1739298581-195fJg4KEmRAI6Ly5KvmdpLxoU4cjhRS-0-850bdddeaeca70478f94fad20c422836)
很明显,上图中的两个超链接文字尽管仍然保持是h3的标题格式,但是已加上本节介绍的点符列表符号了。