欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS的背景图的sprite_html/css_WEB-ITnose

程序员文章站 2022-04-10 18:01:28
...
示例1。首先我们先看一张多个图片拼接成的合成图,我们要取其中的一个图标

我们取这个第二个图标

这里有张图片

关键代码也就是

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


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

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