dw中如何创建ul和li并且使用

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