css图标背景 css背景图片颜色设置

CSS--background系列属性

1、background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。

2、css1中，颜色的表示方法有三种：（1）单词；（2）rgb表示法（十进制表示法）；（3）十六进制表示法。能够用英语单词来表述的颜色，都是简单颜色。

3、background属性包含background-image属性，是在一个声明中设置所有的背景属性。连background-image在内，background属性包含以下：background-color 规定要使用的背景颜色。

相关问答

Q1: 如何使用CSS设置标签的背景小图标简单

1、先设置一个及其简陋的页面，代码如下：此时页面展示如下，可见还未有小图标：在第一步的展示代码上，通过 添加图标（相对路径为例）。

2、要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

3、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

4、一：把ul或li 中的行高删掉。二：修改图片，把那红色的画下一点，可做成gif透明图（如原本图为：16*16，可画成：16*21，红色部分在最底部。）。

5、用DW打开这里的操作软件，定义一个CSS样式，如下图所示。2．首先看看背景图像的效果，如下图所示：3．在div中添加一个img并输入以下代码。

Q2: 如何用css显示一个图片中多个小图标?

1、CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。先看下面这张300*300的大图片，每个小图标是100*100的。

2、用DW打开这里的操作软件，定义一个CSS样式，如下图所示。2．首先看看背景图像的效果，如下图所示：3．在div中添加一个img并输入以下代码。

3、把所有的小图标整合到了一张图片上，是可以让你的页面显示得更快点。因为整合到了一张图片，下载的时候，只需要下载一张图片就可以了，如果有100个小图标，就好要下载100张图片了。

4、先设置一个及其简陋的页面，代码如下：此时页面展示如下，可见还未有小图标：在第一步的展示代码上，通过 添加图标（相对路径为例）。

5、把字体图标的命名引用到对应的div即可生成如下效果图。可以使用背景图设置，使用背景精灵图 把图标放在一张图片上面，通过定位位移来找到图片。切成小图标 一个位置对应一个图标。

css图标背景的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景图片颜色设置、css图标背景的信息别忘了在本站进行查找喔。