li标签默认的是竖排显示,那么怎样让li标签横排显示呢
利用Dreamweaver新建一个html页面
在body里面输入代码
<ul>
<li>你好</li>
<li>小鱼</li>
<li>小小</li>
</ul>
默认的样式是这样的
编辑li标签的css样式
float:left代表的是元素左对齐。这样li标签就可以横排显示了,list-style:none用来去除li标签前面的小圆点。最终浏览器里面的效果如下图所示
posted on 2016-04-03 09:45 大雨落幽燕 阅读(2156) 评论(0) 编辑 收藏 举报
Powered by: 博客园 Copyright © 2024 大雨落幽燕 Powered by .NET 8.0 on Kubernetes