- 一级菜单
- 在ul列表内建立li元素并清除默认样式
- 让所有li元素左浮动并清除浮动
<ul class="clearfix">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
CSS中的样式如下:
.ul1{
width:510px;
margin:0 auto;
}
.ul1 li{
list-style:none;
width:100px;
line-height:45px;
font-size:25px;
text-align:center;
border:1px #000 solid;
float:left;
background:#00F;
}
.ul1 a{
color:#FFF;
text-decoration:none;
}
效果图如下:
- 二级下拉菜单(纵向)
- 在一