CSS的背景图的sprite_html/css_WEB-ITnose
程序员文章站
2022-04-26 08:19:46
...
示例1。首先我们先看一张多个图片拼接成的合成图,我们要取其中的一个图标
我们取这个第二个图标
这里有张图片
关键代码也就是
height: 46px;width: 41px;//高度和宽度是显示图片的大小。url后面的2个坐标,第一个是距离浏览器的左边据,第二个是距离浏览器的上边距,如果左边,上边有其他标签。这个坐标就是以最近的标签为0开始计算background : url(img/css-sprites-01.gif) 231px -60px ;
示例2,显示3个按钮,按纽可以点击。
点击按纽则跳转,点击第一个返回上一个页面,点击第二个调转到baidu等。