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!

原文地址:https://www.cnblogs.com/beast-king/p/5282507.html