導航，少量數據表格，居中
<！ Doctype HTML公共 - // W3C // DTD XHTML 1.0 Transitional // en http://www.w.org/tr/xhtml1/dtd/dtd/xhtml1-transitional.dtd>
<html xmlns = http：//www.w3.org/1999/xhtml>
<頭>
<title> ul li li </title>
<樣式類型= text/css>
#menu {width：1000px;高度：35px; float：右；邊距：0px;清晰：兩者;垂直空置：底部;}
#ul li {list-style-type：none;清除：兩者;寬度：100px; display：inline;字體大小：較大;}
#myul li {float：left; width：100px;}
</style>
</head>
<身體>
<div id =菜單>
<ul id = ul>
<li> <a title = href = http：// localhost：1435/bookshop/index.aspx>首頁</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/hybooks.aspx>行業圖書</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/bookshop/clotsing.aspx>服飾潮流</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>美容會所</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>媽咪寶貝</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>禮品書籍</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>新聞資訊</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>用戶留言</a> </li>
<li> <a title = href = http：// localhost：1435/bookshop/>聯繫我們</a> </li>
</ul>
</div>
<div>默認是豎排，並且帶圓點
<ul>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ul>
</div>
<div>
<ul>
<li style =列表式型：無;>去掉圓點</li>
<li style = display：inline;>你好</li>
<li>你好</li>
<li style = display：inline;>你好</li>
</ul>
</div>
<！ - 橫向的方法，如果要居中，需要設置寬度才可以，這個寬度要和里面的-li總長度一樣。 ->
<div style = text-align：中心;背景：#def>
<ul style = width：150px;背景：#eee;>
<li style = float：左;>你好</li>
<li style = float：左;>你好</li>
<li style = float：左;>你好</li>
<li style = float：左;>你好</li>
<li style = float：左;>你好</li>
</ul>
</div>
<！ - 製作表格的原理，Ul 300px，li寬度為100px，> - >
<div style = text-align：中心;背景：#eef>
<ul id = myul style = width：300px;背景：#eee>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ul>
</div>
</body>
</html>