首页前端开发CSScss图像拼合-简单实例

css图像拼合-简单实例

时间2024-05-20 08:26:04发布访客分类CSS浏览54
导读:图像拼合-简单实例 与其使用三个独立的图像,不如我们使用这种单个图像("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
CSS属性选择器实例 css创建一个导航列表

游客 回复需填写必要信息