怎么在css上设置背景图

背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。

CSS3的背景图片大小可以写成 background-size:Apx Bpx;
-Apx = x轴(图片宽度)
-Bpx = y轴(图片高度)

了解了这些，我们开始体验这个特性吧：
最好支持CSS3背景大小的浏览器是Safari和Opera，所以我们只需要使用-o和-webkit前缀。

背景大小

body
{
    background-image:url(/content/uploadfile/202304/38b71680850826.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:0px 0px;
　　 background-size:cover;
　　 -moz-background-size:60px 100px; /* 老版本的 Firefox ,请自行添加各个浏览器前缀 */
}

background-image：背景图地址；

background-repeat：图片是否重复；

参数：

repeat-x：横向重复；

repeat-y：纵向重复；

no-repeat：不重复；

默认是横向和纵向都重复，这里大家可以自己试下效果。

background-attachment：设置背景附着属性；

参数：

scroll：表示随内容滚动而动；

fixed：表示固定不动，不受内容滚动影响；

默认是scroll，这里大家可以自己试下效果。

background-position：设置图片位置；即设置图片左上角坐标点的X轴和Y轴值，这里不需要设置，默认值为0；

background-size:设置图片的尺寸；

参数：