电话
13363039260
css图像拼合-简单实例
2024-01-16 14:42 小编
图像拼合-简单实例
与其使用三个独立的图像，不如我们使用这种单个图像（"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）
这是使用图像拼合最简单的方法，现在我们使用链接和悬停效果。
猜你喜欢
联络方式：
13363039260
微信二维码 