1、在dw的body中建立div 然後在div中新增<div><ul><li></li></ul></div>並且直接加入了class。
2、一般li都是多個成對出現，並且在li中新增想要顯示的資訊<div><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。
1、在dw的body中建立div 然後在div中新增<div><ul><li></li></ul></div>並且直接加入了class。
2、一般li都是多個成對出現，並且在li中新增想要顯示的資訊<div><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。