html中背景图像属性设置的详细解释
背景图像属性允许你指定要显示的背景图片，可以使用背景颜色，所以如果画面不重复，它会用背景色填充照片的地方不是盖的，代码很简单，只需要记住，路径是相对于样式表，所以下面的代码，图片和样式表在同一个目录。对于图片，首先，我们考虑背景图片。因为我们的许多装饰品是用背景图片制作的。在这种情况下，让我们从背景图片的CSS控件开始。
定义和用法
背景图像属性为元素设置背景图像。
元素的背景包括元素的所有维度，包括内部边界和边界，但不包括外部边界。
默认情况下，背景图像位于元素的左上角，并在水平和垂直方向重复。
1.css控制背景图片：
一个网页，我们开始设计的时候，可能没有太多的思考的背景是什么，因为大多都是设计背景颜色可以，为什么，我认为这是很简单的，因为它和音乐的前景，网页打开速度会有一定的影响，但对于一般的个人网站或个人博客，它是展示自己的个性，当然是必不可少的，当然，什么是不完美的，有好的和坏的，那是当图像不可用时，CSS是可用的，替换内容将不会显示出来，因此，不在导航按钮文字CSS背景图像或使用类似的情况推荐。
有很多CSS属性控制背景图片，只要它们与图片相关，大部分都会用到。
（1）背景图片的介绍：
当然，最熟悉的是背景和背景图像。
为网页设计背景图片的代码是：
身体{背景：URL（04）}
也许
正文{背景图片：URL（04）}
这样，我们就可以把图片的背景引导到网页中了。
（2）背景图片的显示：
当然，只使用上面的代码不能表达你想要的。因为图片很小，会是平坦的，如果它是大的，显示它是滚动条，那么糟糕。所以，我们必须有更多的显示控件，也就是说，使用后台重复，
它是一个值：
重复：默认值。背景图像是垂直和水平铺设的。
不重复：背景图像未铺好
repeat-x：背景图像仅铺设水平
纵向平铺：背景图像仅铺设垂直
和代码，我想只要你知道一点CSS，如下所示
：
身体{背景：URL（04）；背景重复：不重复}
这样，它就显示在原始图像的大小上。
（3）控制背景图片的大小：
但问题是，如果图片太大怎么办对于一个好的网页，最好不要使用太大的图片，因为有人说它会影响网页的打开速度。我们最好用PS或焰火来处理它。但是，既然我提到了，我们就不使用CSS来控制图片的大小。
我想很多人自然会使用下面的代码：
复制代码代码如下所示：
体{背景图像：URL（D: 图片 04。jpg）；宽度：350px；身高：350px；}
嗯，这个主意不错，但是你用浏览器来支持吗我想IE或FF不会看到它。也许你会问，我曾经设计过的论坛风格，可以实现吗我想，如果只是上面的代码，它不是图片的控件，因为它只控制了身体的大小。当然，它不能控制在这里。如果它是另一个ID标签，我认为控制标签的大小是可能的，呵呵，当然，而不是图像的大小。
老实说，这个问题不仅困扰着你，而且困扰着我。因为它只是一个属性的值，而不是一个真实的图像。如果你想到CSS控件，记得告诉我。
补充：九月，W3C发布了一篇题为CSS背景和边框模块3级的文章，内容是10。
背景夹：
背景渊源：
背景尺寸：背景尺寸。
背景打破：
虽然它们有这些属性，但没有支持它们的浏览器。
（4）背景图像的位置控制：
背景图片，我们的部门已经导入了，但是它的位置确实有点不可接受，因为它默认在左上角，但是我们不想这样说，所以我们应该怎么做，别担心，激动人心的时刻很快就会到来。现在让我们去了解背景的位置，background-position-x和background-position-y.
基本语法：
背景位置：长度| |
背景位置：位置| |
background-position-x：长度左中右| | |
background-position-y：长度顶部中心底| | |
语法值：
长度：由|浮点数和单元标识组件长度值的百分比。
位置：顶部中心左下方的| | | |中心|权
C.实例：
正文{背景图片：URL（）04）；背景位置：50% 50%；背景重复：不重复；}
体{背景图像：URL（D: 图片 04 .jpg）；background-position-x：50%；背景重复：不重复；}
体{背景图像：URL（D: 图片 04 .jpg）；background-position-y：50%；背景重复：不重复；}
值长顶部中心底| | |我只写了下面三个例子。
正文{背景图片：URL（04）；背景位置：右上角；背景重复：不重复；}
正文{背景图片：URL（04）；背景位置：50%个中心；背景重复：不重复；}
体{背景图像：URL（D: 图片 04。jpg）；背景位置：60px中心；背景重复：不重复；}
说这么多例子，我想你对地点有一定的了解。
（5）背景图片的透明设置：
有时候，我们总是认为设置图片是透明的。
（6）背景图片的设置：
对于一些背景图片的设置，我在超越CSS艺术的本质看：不过，这又让我感觉不好，因为在一个标签支持很多背景图像浏览器现在还太小。我所知道的是苹果的Safari。所以你会问，怎么可能，当你完成这个例子，我想你一定会惊讶，神，CSS3可以只使用一个图片的每个元素之前。如果你想研究它，安装Safari浏览器快。对我来说，我相信这是发展的趋势。总之，更多的CSS能力的解释，更将是发展的趋势，谁拥有完善的网络标准，谁是明天的浏览器的明星。
代码如下：
复制代码代码如下所示：
{体
背景图像：
URL（D: 执行 001。png），
URL（D: 执行 002。png）；
URL（D: 执行 003。png）；
URL（D: 执行 004。png）；
背景重复：
不重复，
不重复，
不重复，
不重复，
repeat-x，
纵向平铺，
repeat-x，
纵向平铺，
背景位置：
左上方，
右上，
右下，
左下，
左上方，
右上，
右下，
左下角；}