电脑软硬件应用网
当前位置： 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
CSS图片分割调用技巧示例代码
CSS图片分割调用技巧示例代码
2008-11-26 13:43:20　　文/转载未知 　　出处:电脑软硬件应用网 　　

通过这种方式可以把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">
<!--
#prev:hover {
background:transparent url(http://www.w3school.com.cn/i/site_prenext.gif) no-repeat scroll 0 -21px;
}
#next:hover {
background:transparent url(http://www.w3school.com.cn/i/site_prenext.gif) no-repeat scroll -125px -21px;
}
-->
</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伪类选择器nth-child()
    css3教程:background属性调整增强
    css教程：CSS3 Media Queries 详解
    CSS 类名的长命名和短命名
    CSS实例教程:非浮动区域设置宽度
    如何使用css约束一个层不可见？
    CSS的list-style解释
    小议使用“完整”的CSS的缺点
    CSS中的相对定位与绝对定位详解
    实例使用DIV+CSS制作圆角边框加阴影…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号