博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS的背景图的sprite
阅读量:7018 次
发布时间:2019-06-28

本文共 438 字,大约阅读时间需要 1 分钟。

hot3.png

示例1。首先我们先看一张多个图片拼接成的合成图,我们要取其中的一个图标

154253_pjZN_2608629.jpg

我们取这个第二个图标

这里有张图片

154950_OwbP_2608629.jpg

关键代码也就是

height: 46px;width: 41px;//高度和宽度是显示图片的大小。url后面的2个坐标,第一个是距离浏览器的左边据,第二个是距离浏览器的上边距,如果左边,上边有其他标签。这个坐标就是以最近的标签为0开始计算background : url(img/css-sprites-01.gif) 231px -60px ;

示例2,显示3个按钮,按纽可以点击。

  

155306_ElyH_2608629.jpg

点击按纽则跳转,点击第一个返回上一个页面,点击第二个调转到baidu等。

转载于:https://my.oschina.net/zhangyafei/blog/655184

你可能感兴趣的文章
MySQL用户和权限管理
查看>>
win10 无法登录远程桌面的解决方法
查看>>
Linux 复制、移动覆盖文件不提示
查看>>
部署windows域 之2008 R2域控制器服务
查看>>
最近智商拙计,做做题补一下
查看>>
幻影CEO:讲述颠覆传统的SEO技巧
查看>>
简单设置windows server 2008
查看>>
Android开发学习笔记:Activity的生命周期浅析
查看>>
linux 下配置两个网卡桥接
查看>>
NAT和DR负载均衡集群简单配置
查看>>
把excel中的数据导入到数据库
查看>>
windows无法连接到打印机。键入的打印机名不正确,或者指定的打印机没有连接到服务?...
查看>>
日志管理1
查看>>
new/delete和malloc/free的区别和联系
查看>>
awk之RS、ORS、FS、OFS基础及举例
查看>>
echarts - 树图实现四个层级
查看>>
xml基础
查看>>
C# foreach
查看>>
向页面添加富文本编辑器
查看>>
java中json和字符串互转及日期转换 练习
查看>>