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标签前面的小圆点。
ul{list-style:nonewidth:200pxoverflow:hidden}li{width:100pxfloat:left} <ul>
<li>1</li>
<li>6</li>
<li>2</li>
<li>7</li>
<li>3</li>
<li>8</li>
<li>4</li>
<li>9</li>
<li>5</li>
<li>10</li>
</ul>
要不然用2个ul设为float也可以