新浪导航案例优化


        *{
            margin: 0 ;
            padding: 0;
        }
div{
    height: 40px;
    border-top: 3px solid rgb(255, 133, 0);
    border-bottom: 1px solid rgb(237, 238, 240);

}
a{
    text-decoration: none;
    display: inline-block    ;
    width: 80px;
    padding: 20px;
    line-height: 1px;
    color: rgb(0,0,0);
    text-align: center;
    font-size: 0 12px;
    /* border-bottom: 1px solid rgb(237, 238, 240); */
}
a:hover{
    background-color: rgb(237, 238, 240);
    color: rgb(255, 132, 0);
}

    <div>
        <a href="#">新浪导航</a>
        <a href="#">新浪导航</a>
        <a href="#">新浪导航</a>
        <a href="#">新浪导航</a>
    </div>

新浪导航案例优化插图
© 版权声明
THE END
喜欢就支持一下吧
点赞13赞赏 分享
评论 抢沙发

请登录后发表评论