HTML中的ul標簽

UL格式：

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

ul是無序列表，每一個li前面有個點。如果想要去掉無序列表的“.”，添加list-style-type=none屬性，防止list-style的其他屬性失效。eg.list-style-image。

OL格式：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

ol是有序列表，序列號類型由type屬性控制，type屬性值分別為：1、a、A、I、i。序列號的開始值由屬性start控制，start屬性值為type所屬類型值的范圍值。

問題描述：

在使用ul制作下拉菜單時，要給菜單欄（即ul）加上背景色，發現background-color沒起作用。查看ul元素盒子大小，發現盒子高度為0。

解決方案： 由於ul沒有直接制定高度，其高度根據里面的li來伸縮。由於li設置了向左浮動，因此得清除浮動才能顯示背景色。
　　1. 清除浮動可以給ul添加一個overflow：hidden的樣式。
　　2. 或者在</ul>前面加入一個清除浮動的div，即

<div style="clear: both;"></div>

 CSS：

ul{
     list-style: none;
     background-color: gray;
}
ul li{
       float: left;
       padding: 0 5px;
       border-left: solid 1px black;
}

 

HTML:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>