CSS高级技巧

鼠标样式：cursor

cursor: default 小白 / pointer 小手 / move 移动 / text

----------------------------------

去掉文本轮廓 outline：none

防止拖拽文本 resize:none

 

--------------------

滑动门技巧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微信导航栏</title>
    <style>
    *{
        margin: 0;
        padding: 0;
    }
    ul{
        list-style: none;
    }
    body{
        background: url(3S9sFMD.jpg) repeat-x;
    }
    .nav{
        height: 75px;
        background-color: #fff; 
    }
    .nav li a {
        display: inline-block;
        background: url(lTcb_ve.png) no-repeat;
        line-height: 33px;
        padding-left: 15px;
    }
    .nav li a span{
        display: inline-block;
        height: 33px;
        background: url(lTcb_ve.png) no-repeat right;
        padding-right: 15px;
    }


    </style>
</head>
<body>
<div class="nav">
    <ul>
        <li>
            <a href="#">
                <span>首页asd </span>
            </a>
        </li>
    </ul>
</div>
</body>
</html>

---------------------

 

posted @ 2019-02-07 16:42  我爱无糖汽水  阅读(370)  评论(0)  编辑  收藏  举报