製作選單列 nav ul li

在製作導覽列的時候通常會用<nav>標籤，而裡面的選項通常會用<ul>跟<li>的項目清單來整理。

html

<nav>
  <ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>444</li>
    <li>555</li>
  </ul>
</nav>

css

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就用來設定按鈕外觀。

JA-Anything