css中背景相关的属性是哪些？

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

　　属性：

　　颜色；

　　inherit;继承父级样式

　　box.html

　　<!doctypehtml>

　　<html>

　　<head>

　　<matecharset="utf-8">

　　<linkhref="box.css"type="text/css"rel="stylesheet">

　　</head>

　　<body>

　　<p为内容设置背景色：background-color；</p>

　　</body>

　　</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;

　　}

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56855.shtml