製作選單列 nav ul li

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *