这篇文章给大家分享的是有关css中与背景相关的属性有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联专注于沐川企业网站建设,响应式网站设计,商城网站制作。沐川网站建设公司,为沐川等地区提供建站服务。全流程按需定制开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

1、css背景属性之为内容设置背景色：background-color；

属性：

颜色；

inherit;继承父级样式

box.html

box.css

body{

background-color:#123456;

}

2、css背景属性之为内容设置背景为图片background-image：url();

box.css

body{

background-color:#123456;

background-image:url(image.png);

}

3、css背景属性之固定背景图片background-attachment

（在CSS中使用background-attachment属性可以将图片固定在浏览器上，如果拖动滚动条，背景图片不会随着网页内容的滚动而滚动，像文字浮在图片上）

属性值：

scroll;背景图片随内容滚动,默认值

fixed;背景图片固定，不随内容滚动

inherit;继承父类样式

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

}

4、css背景属性之背景图片平铺background-repeat;

属性值：

repeat;平铺背景图片；默认

no-repeat;不平铺图片；

repeat-x;在水平方向平铺

repert-y;在竖直方向平铺

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

background-repeat:repeat-y;

}

5、css背景属性之背景图片定位background-position

属性值：

top;顶部

center;中间

bottom;底部

right;右边

left;左边

inherit;继承父类样式

样式：

xxxpx,xxxpx;

xxx%,xxx%;

xxxpx,top;

box.css

body{

background-color:#123456;

background-image:url(image.png);

background-attachment:fixed;

font-size:45px;

background-repeat:no-repeat;

background-position:left;

}

感谢各位的阅读！关于“css中与背景相关的属性有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

文章名称：css中与背景相关的属性有哪些
转载注明：http://azwzsj.com/article/jdsggg.html