滑动门-白红宇

滑动门

阅读量：7009 次

发布时间：2019-06-28

本文共 1304 字，大约阅读时间需要 4 分钟。

css代码

*{
               margin: 0;            padding: 0;        }        .box{
               width: 100%;            height: 60px;            background: url("image/bg.png") repeat-x;        }        li{
               float: left;            list-style: none;            margin: 0px 15px;            line-height: 36px;            position: relative;        }        a{
               text-decoration: none;            color: #ffffff;            display: inline-block;            width:85px;            height: 37px;            line-height: 28px;            text-align: center;        }        a:hover{
               background: url("image/btn.png") no-repeat;            color: #388201;        }        span{
               display: inline-block;            width: 0;            height: 0;            border:10px solid;            border-color: transparent;            margin-top: 22px;            margin-left: -26px;            position: absolute;        }        a:hover span {
               border-color: #ffffff transparent transparent transparent;        }

html代码：