CSS---CSS sprites的使用

（1）生成一张png格式的整图img.png和对应的css代码，将img放入站点的“images”文件夹，将Css代码粘贴到“img.css”文件中。

（2）html中引用，并使用。如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="img.css">
    <style type="text/css">
    </style>
</head>
<body>
    <div class="img zoom-out"></div>
</body>
</html>

div就大小就是原来小图的大小，div 的背景就是小图的图像。OK!

 

posted @ 2016-03-16 10:42  框框A  阅读(290)  评论(0)  编辑  收藏  举报