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