盒子背景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

营销型网站