html背景图样式,css 背景图片样式

/*背景图片 1. 必须加url 2. url 里面的地址不要加 引号*/

background-image: url(images/l.jpg);

}

/*默认的是平铺图 repeat*/

/*background-repeat: repeat;*/

/*背景图片不平铺*/

/*background-repeat: no-repeat;*/

/*横向平铺 repeat-x*/

/*background-repeat: repeat-x;*/

/*纵向平铺*/

background-repeat: repeat-y;

/*背景位置*/

/*background-position: x坐标 y坐标;*/

/*background-position: right top; 右上角*/

/*background-position: left bottom; 左下角*/

/*background-position: center center; 水平居中 垂直居中*/

/*则两个值前后顺序无关 因为是方位名词*/

/*background-position: center left; */

/*如果只指定了一个方位名词，另一个值默认居中对齐*/

background-position: top;

/*以下说明 x 10像素 y 垂直居中的*/

/*background-position: 10px center;*/

background-position: center 10px;

/*这种写法一般是我们以后 超大背景图片的做法 背景定位*/

background-position: center top;

/*背景固定的*/

background-attachment: fixed;

height: 3000px;

/*background-color: #ccc;

background-image: url(images/sms.jpg);

background-repeat: no-repeat;

background-position: center top;

background-attachment: fixed;*/

/*background: 背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;*/

background: #ccc url(images/sms.jpg) no-repeat fixed center top;

background: rgba(0, 0, 0, .2);  背景透明

标签：repeat,center,样式,top,背景图片,background,position,css

来源： https://www.cnblogs.com/eric-share/p/13493252.html