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)
 
    这是使用图像拼合最简单的方法,现在我们使用链接和悬停效果。


Tag: 简单
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码