CSS总结02
在CSS中,可以使用多种技术来创建图片背景,并对其进行样式设置。以下是一些常用的方法:
- 使用
background-image
属性
div {
background-image: url('image.jpg');
}
- 设置背景大小
div {
background-size: cover; /* 或者 contain, auto */
}
- 设置背景位置
div {
background-position: center center; /* 或者 top, bottom, left, right */
}
- 设置背景重复
div {
background-repeat: no-repeat; /* 或者 repeat-x, repeat-y */
}
- 设置背景透明度
div {
background-color: rgba(255, 255, 255, 0.5); /* 最后一个参数是透明度 */
}
- 使用
background
属性
div {
background: url('image.jpg') no-repeat center center / cover;
}
这些是CSS中设置背景图片的基本方法,可以根据需要选择合适的属性进行组合使用。
评论已关闭