1、利用Dreamweaver新建一个html页面。
2、在body里面输入代码
<ul>
<li>你好</li>
<li>小鱼</li>
<li>小小</li>
</ul>。
3、默认的样式是这样的。
4、编辑li标签的css样式。
5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。
首先得明白行内元素和块级元素。li 是块级元素，要想使两个LI并排成水平排列，得把块级元素转化为行内元素。帮你写的如下：<style type="text/css"
ul li { float:left
list-style:none/*去掉li前的点标记*/
margin:5px/*外边距*/}</style<ul<li<a href="#"系部快讯</a</li
