html语言中的ul,HTML中的ul标签

语言中的ul,HTML中的ul标签"/>

html语言中的ul,HTML中的ul标签

UL格式：

• Coffee
• Tea
• Milk

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

OL格式：

1. Coffee
2. Tea
3. Milk

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. 或者在前面加入一个清除浮动的div，即

CSS：

ul{

list-style: none;

background-color: gray;

}

ul li{

float: left;

padding: 0 5px;

border-left: solid 1px black;

}

HTML: