CSS
- 只设定宽度,不设定高度。其高度会根据内容进行调整。
overflow:hidden
超出宽高会被隐藏。- 去掉小圆点
list-style:none;
- 文本缩进
text-indent:10px;
- 去下划线
text-decoration:none;
- 垂直变水平菜单:li全部左浮动,文字居中显示。
- 添加图片
background:url(../btnBg.png)
,图片移位background-position:0 -30px;
- 菜单
<li>
浮动后,<li>
脱离文档流,导致<ul>
将失去高度和宽度;如果需要对<ul>
进行整体背景设置,首先要给<ul>
定义宽、高。