背景
定义
背景(Background)属性是对HTML元素的背景进行定义的CSS属性。
概述
通过边框和背景的样式设置,给元素增加更丰富的外观
背景的设置包含以下内容:
- 背景填充内容
背景填充内容可以是一个固定颜色(background-color属性),可以是图像和渐变(background-image属性) - 背景填充方式
当背景是图像的时候,可以指定图像的平铺方式(backgroundrepeat属性) - 背景填充范围
列表
元素 | 描述 | 版本 |
---|---|---|
background | background 包括background-color、background-image、background-repeat、background-attachment、background-origin、background-position 和 background-size。 | 1 |
background-color | background-color设置元素的背景颜色。 | 1 |
background-image | background-image 设置元素的背景图片。 | 1 |
background-repeat | background-repeat设置background-image在元素中的铺放格式的。其默认为repeat。 | 1 |
background-attachment | background-attachment设置背景图像是否固定或者随着页面的其余部分滚动,其默认值为scroll。 | 1 |
background-position | background-position属性规定背景图像的开始位置。 | 1 |
background-origin | background-origin该属性用于规定指定背景图片 background-image 属性的原点位置的相对区域。。 | 3 |
background-clip | background-clip 规定元素的背景(背景图片或颜色)的绘制区域。 | 3 |
background-size | background-size 属性规定背景图像的尺寸。 | 3 |
opacity | opacity 该属性规定了一个元素的透明度 | 3 |
变更点
CSS3增加了渐变背景等众多特效功能.