dw中如何創(chuàng)建ul和li并且使用?
1、在dw的body中創(chuàng)建div 然后在div中添加<div class="myul"><ul><li></li></ul></div>并且直接加入了class。
2、一般li都是多個(gè)成對(duì)出現(xiàn),并且在li中添加想要顯示的信息<div class="myul"><ul><li>項(xiàng)目1</li><li>項(xiàng)目2</li><li>項(xiàng)目3</li><li>項(xiàng)目4</li><li>項(xiàng)目5</li></ul></div>。
3、現(xiàn)在要給 外邊的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、下掉每項(xiàng)文本前的圓點(diǎn),是文本向左側(cè)靠攏.myul ul{ width:290px; height:300px; list-style:none; padding-left:10px;}。
6、使項(xiàng)目都成為橫排排列如網(wǎng)站欄目,調(diào)整樣式中l(wèi)i的寬度,設(shè)置每項(xiàng)都向左浮動(dòng)width:20%; float:left; text-align:center。