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);  背景透明

 

上一篇:第七周


下一篇:提高前端代码的质量