小蔡学Web：[6]网页列表li的用法

时间：2026-04-22 03:18:42

1、首先我们打开DW网页编辑器然后新建一个li.html文件。

小蔡学Web：[6]网页列表li的用法

2、然后在<body></body>输入<ul><li>1</li><li>2</li><li>3</li></ul>

小蔡学Web：[6]网页列表li的用法

3、当然换个<ol>的标签就能出现一个顺序排列。

小蔡学Web：[6]网页列表li的用法

4、当然一般情况下 li 用来做导航条的，例如li{ list-style:none;}

小蔡学Web：[6]网页列表li的用法

5、然后将li的表情浮动起来，全都向左边浮动。编写样式 float:left;

li{ list-style:none; float:left;}

</style>

小蔡学Web：[6]网页列表li的用法

6、当然这样看起来不是很好看，我给他加上长宽高，以及背景颜色。调试后得到。

小蔡学Web：[6]网页列表li的用法