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的样式。
html下拉菜单的制作方法  2. 或者在</ul>前⾯加⼊⼀个清除浮动的div，即
<div ></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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。