CSS的背景图的sprite_html/css

来源：懂视网责编：小采时间：2020-11-27 16:38:48

CSS的背景图的sprite_html/css

CSS的背景图的sprite_html/css_WEB-ITnose:示例1。首先我们先看一张多个图片拼接成的合成图，我们要取其中的一个图标我们取这个第二个图标 .sk_background_1{height: 46px;width: 41px;//background url(xx.jpg) left top;background : url(img/css-sprites-0

推荐度：

点击下载本文 文档为doc格式

导读CSS的背景图的sprite_html/css_WEB-ITnose:示例1。首先我们先看一张多个图片拼接成的合成图，我们要取其中的一个图标我们取这个第二个图标 .sk_background_1{height: 46px;width: 41px;//background url(xx.jpg) left top;background : url(img/css-sprites-0

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

我们取这个第二个图标

这里有张图片

关键代码也就是

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

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

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

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

CSS的背景图的sprite_html/css

推荐度：

点击下载本文 文档为doc格式

标签：背景图背景图片图片的

热门焦点

CSS的背景图的sprite_html/css

CSS的背景图的sprite_html/css

CSS的背景图的sprite_html/css

最新推荐

猜你喜欢

热门推荐