<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.
0 意見:
張貼留言