当前位置:Gxlcms > html代码 > CSS的背景图的sprite_html/css_WEB-ITnose

CSS的背景图的sprite_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:23人阅读

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

我们取这个第二个图标

这里有张图片

关键代码也就是

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


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

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

人气教程排行