导航栏里面的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;
}