导航，少量数据表格，居中
<！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>