CSS图片分割调用技巧示例代码

通过这种方式可以把N多个小图标放进一张图里，一起进缓存，调用的快了，特别是鼠标经过换图片。

我喜欢这样弄!

以下是HTML网页特效代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
</head>
<body><div style="background:transparent url(http://www.w3school.com.cn/i/site_prenext.gif) no-repeat scroll 0 0; width:230px; height:21px;">
<a id="prev" style="width:105px; height:21px; float:left; text-indent:-9999px;" href="#">上一页</a>
<a id="next" style="width:105px; height:21px; float:right; text-indent:-9999px;" href="#">下一页</a>
</div>
</body>
</html>

搜索

CSS图片分割调用技巧示例代码