0409 雪碧图

最新推荐文章于 2021-06-21 15:31:59 发布

xuezhezhiying

最新推荐文章于 2021-06-21 15:31:59 发布

阅读量195

点赞数

本文链接：https://blog.csdn.net/xuezhezhiying/article/details/69857208

版权

<head>
    <meta charset="UTF-8">
    <style>
        /*空格 后代选择器
        > 子代选择器*/
        #container > div{
            height: 25px;
            width: 25px;
            background-image: url("../../img/icon.gif");
        }
        #id1{background-position: -43px 0}
        #id2{background-position: -165px -27px}
    </style>
    <title>雪碧图</title>
</head>
<body>
<div id="container">
    <div></div>
    <div id="id1"></div>
    <div id="id2"></div>
</div>
</body>