导航栏里面的li标签和a标签的配合使用
导航栏里面的li标签和a标签的配合使用
.nav li { float: left; } .nav li a { display: inline-block; font-size: 12px; line-height: 50px; /* 通过行高来撑开盒子height a就不用再设置 height:50px 了 */ padding: 0 30px; /* 通过padding来撑开盒子的width a就不用再设置 width为具体的数值了 */ color: #fff; }
.nav li:hover {
background-color: #2a80b9;
}
作者:David-lcw
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。