·no-repeat 不重复平铺背景图片 ·repeat-x 使图片只在水平方向上平铺 ·repeat-y 使图片只在垂直方向上平铺 注意：如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、虚拟空间、营销软件、网站建设、莎车网站维护、网站推广。
这个是CSS Sprites － CSS背景图片绝对定位！就是通过定位来显示背景图片而以。把很多小的图片拼贴成一张。再通过背景定位的方法来显示，好处是减少了服务器请求次数，坏处是维护比较麻烦。
是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。
CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
1、打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。
2、这个只是设置一个body标签的背景图片罢了，不是真正把图片插入到了body里面，就好像代码里面p的样式一样，设置背景颜色为#0066ff，就是用颜色来修饰p元素。
3、这样背景图片就会固定住，不会因页面滚动而重复。
4、在里添加样式，代码如下：style= background-repeat：no-repeat ；background-size：100% 100%；background-attachment： fixed；你看，背景就充满页面了。
5、打开vscode，创建一个html页面。在测试页面的同级目录，添加一张演示图片。在测试页面中添加一个div标签，在标签内部添加一个img图片标签，设置图片的src地址。
将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。
CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。
先设置一个及其简陋的页面，代码如下：此时页面展示如下，可见还未有小图标：在第一步的展示代码上，通过 添加图标（相对路径为例）。
用DW打开这里的操作软件，定义一个CSS样式，如下图所示。2．首先看看背景图像的效果，如下图所示：3．在div中添加一个img并输入以下代码。
1、要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。
2、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
3、先设置一个及其简陋的页面，代码如下：此时页面展示如下，可见还未有小图标：在第一步的展示代码上，通过 添加图标（相对路径为例）。
CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。
CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。先看下面这张300*300的大图片，每个小图标是100*100的。
将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。