一、背景图片基本属性
1. background-image
background-image: url('图片路径');
.element {
background-image: url('background.jpg');
}
2. background-repeat
background-repeat: no-repeat;
3. background-position
background-position: center center; /* 图片居中 */
4. background-size
background-size: cover;
5. background-attachment
background-attachment: fixed;
二、背景样式属性
1. background-color
background-color 属性用于指定元素的背景颜色。
background-color: #f5f5f5;
2. background-origin
background-origin: border-box;
3. background-clip
background-clip: padding-box;
三、多重背景
.element {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url('texture.png'),
url('main-image.jpg');
background-blend-mode: overlay;
}