Pages - Menu

2012年10月15日 星期一

ul 橫項排列

<ul id=\"nav\">

<li><a href=\"http://mid.lt263.com/mb/\">Div CSS教程</a></li>

<li><a href=\"http://mid.lt263.com/mb/\">CSS佈局實例</a></li>

<li><a href=\"http://mid.lt263.com/mb/\">CSS2.0教程</a></li>

<li><a href=\"http://mid.lt263.com/mb/\">CSS酷站欣賞</a></li>

<li><a href=\"http://mid.lt263.com/mb/\">CSS模板下載</a></li> </ul>

#nav li {


display: inline;


list-style-type: none;


padding: 5px 10px;


}
對id為nav的無序列表中的列表項li,我們進行CSS定義。每句代碼的意義解釋如下:
  display: inline; 內聯(行內)。將li限制在一行來顯示。
  list-style-type: none; 列表項預設標記為無。這就去掉了「方塊或實心的黑點」
  padding: 5px 10px; 設置li的填充,距離上下均為5px,距離左右均為10px.

沒有留言:

張貼留言