盒子背景html

05.10 22:48:54发布

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
TAG标签: url

登录 后发表评论
0条评论
还没有人评论过~