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

时间：2024-10-12 13:56:45

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

2、然后在<body></body>输入<ul>挢旗扦渌;<li>1</li><li>2</li><li>3</li></ul>

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

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

5、然后将li的表情浮动起来，全都向左边浮动。编写样式 float:left;&盟敢势袂lt;style type="te旌忭檀挢xt/css">li{ list-style:none; float:left;}</style>

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