盒子背景html

1.背景颜色

/*透明色*/
background-color: transparent;

/*半透明*/
background: rgba(0, 0, 0, 0.5)

/*换颜色*/
background-color: #;

2.背景图片

/*书写实例 默认平铺的*/
background-image: url(c:/WEB/amag/a1.png);

/*不平铺*/
background-repeat: no-repeat;

/*平铺*/
background-repeat: repeat;

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

/*y 平铺*/
background-repeat: repeat-y;

页面既既可以添加背景图片，还可以添加背景颜色，背景图片会压着背景颜色

3.背景位置

/*水平居中垂直，靠上*/
background-position: center top;

/*右边，中间*/
background-position: right center;

省略一个，第二个方位是居中
/*x y 顺序不能颠倒了*/
background-position: 20px 50px;

background-position: center 40px;

4.背景固定

/*固定*/
background-attachment: fixed;

/*随对象内容滚动*/
background-attachment: scroll;

5.背景复合型写法

/*背景颜色，背景图片，背景地址，背景平铺，背景图像滚动，背景图片位置*/
background: black url(c:/WEB/amag/a1.png) no-repeat fixed center top