1、在dw的body中创建div 然后在div中添加<div class=”myul”><ul><li></li></ul></div>并且直接加入了class。
2、一般li都是多个成对出现，并且在li中添加想要显示的信息<div class=”myul”><ul><li>项目1</li><li>项目2</li><li>项目3</li><li>项目4</li><li>项目5</li></ul></div>。
3、现在要给 外边的div加上边框，边框颜色，以及宽和高 ，更能明显的看出li的变化 .myul{ width:300px; height:300px; border:1px solid #000;}。
4、给li 加上样式，距离，颜色.myul ul{ width:300px; height:300px;} .myul ul li{ width:300px; height:15%; color:#FF0000; font-family:”宋体”; font-size:14px;}。
5、下掉每项文本前的圆点，是文本向左侧靠拢.myul ul{ width:290px; height:300px; list-style:none; padding-left:10px;}。
6、使项目都成为横排排列如网站栏目，调整样式中li的宽度，设置每项都向左浮动width:20%; float:left; text-align:center。