小蔡学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;

<style type="text/css">

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

</style>

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

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

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

  • css如何设置文字的水平方向浮动
  • 如何让图片在div中居中显示
  • css如何让div中的图片居右对齐
  • html首行缩进怎么设置
  • Dreamweaver中怎么设置默认图像文件夹
  • 热门搜索
    理财知识入门 母婴知识 经济生活知识点 运动会接力赛作文 波澜壮阔什么意思 小学生食品安全知识 cos是什么比什么 disappear什么意思 薏米的功效与作用 花椒水的功效与作用