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{ w坡纠课柩idth: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
