在製作導覽列的時候通常會用<nav>標籤,而裡面的選項通常會用<ul>跟<li>的項目清單來整理。
html
1 2 3 4 5 6 7 8 9 |
<nav> <ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>555</li> </ul> </nav> |
css
1 2 3 4 5 6 7 8 9 10 11 12 |
nav{ } nav ul{ list-style-type: none; margin:0; padding:0; overflow:auto; } nav ul li{ float:left; margin:0 15px; } |
如果沒有特別的需求的話,nav就不用寫什麼css屬性,ul基本上只負責清除邊框margin:0; padding:0; 還有清除預設的符號項目list-style-type: none;而li就用來設定按鈕外觀。