图像拼合-简单实例
与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"):
有了CSS,我们可以只显示我们需要的图像的一部分。
在下面的例子CSS指定显示"img_navsprites.gif"的图像的一部分:
实例
img.home
{
width:46px;
height:44px;
background:url(img_navsprites.gif)00;
}
实例解析:
<imgclass="home"src="img_trans.gif"/>-因为不能为空,src属性只定义了一个小的透明图像。显示的图像将是我们在CSS中指定的背景图像
宽度:46px;高度:44px;-定义我们使用的那部分图像
background:url(img_navsprites.gif)00;-定义背景图像和它的位置(左0px,顶部0px)
这是使用图像拼合最简单的方法,现在我们使用链接和悬停效果。
Tag:
简单