css图像拼合-简单实例
导读:图像拼合-简单实例 与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"): 有了CSS,我们可以只显示我们需要的图像的一部分。 在下面的例子CSS指定显示"img_navsprite...
图像拼合-简单实例
与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"):
有了CSS,我们可以只显示我们需要的图像的一部分。
在下面的例子CSS指定显示"img_navsprites.gif"的图像的一部分:
实例
img.home
{
width:46px;
height:44px;
background:url(img_navsprites.gif)00;
}
实例解析:
-因为不能为空,src属性只定义了一个小的透明图像。显示的图像将是我们在CSS中指定的背景图像
宽度:46px;
高度:44px;
-定义我们使用的那部分图像
background:url(img_navsprites.gif)00;
-定义背景图像和它的位置(左0px,顶部0px)
这是使用图像拼合最简单的方法,现在我们使用链接和悬停效果。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css图像拼合-简单实例
本文地址: https://pptw.com/jishu/664026.html