CSS 背景 background属性

背景是创建更有趣味的网页的常用一种手法，无论是直接使用背景颜色，还是使用背景图像，都能给网页带来丰富的视觉效果。

在CSS1中，就提供了对背景的控制，并提供了 5 个background相关的属性，用来设置背景颜色、背景图像、背景图像的平铺方式、背景附着。

在CSS3中，提供了更丰富的背景效果，支持纯色背景、图像背景、渐变背景等，并对背景提供了更精细的控制，可以控制背景的尺寸、起始位置、显示范围等，同时还支持多重背景和渐变。

定义背景时，可以使用复合属性 background，也可以使用独立属性。复合属性的语法格式为：

background: <color> || <position> [/<size>]? || <repeat> || <attachment> || <origin> || <clip>

也就是说，background属性可以分解为color、position、size、repeat、attachment、origin、clip 这 7 个属性，这些属性的功能及所对应的CSS版本见表表 4‑4：

表 4-4 background属性的功能及对应的版本
属性	功能描述	版本
background-color	设置背景的颜色	1
background-image	设置背景图像	1
background-repeat	设置背景图像的平铺方式	1
background-position	设置背景图像的位置	1
background-attachment	设置背景图像是随对象内容滚动，还是固定不动	1
background-size	设置背景图像的尺寸	3
background-origin	设置背景图像的起点位置	3
background-clip	设置背景的显示范围	3

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

CSS 背景 background属性相关推荐

html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
纯色html背景,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
css背景图像属性_如何将CSS3转换应用于背景图像
css背景图像属性 CSS transformations are great, but they don't (yet?) apply to background images. This arti ...
CSS 背景(background)+背景透明(CSS3)
CSS 背景(background) CSS 可以添加背景颜色和背景图片,以及来进行图片设置. background-color 背景颜色 background-image 背景图片地址 backgr ...
背景透明css样式,CSS 背景(background)+背景透明(CSS3)
CSS 背景(background) CSS 可以添加背景颜色和背景图片,以及来进行图片设置. background-color 背景颜色 background-image 背景图片地址 backgr ...
CSS 背景background实例
css背景background用于设置html标签元素的背景颜色.背景图片已经其他背景属性.本文章向码农介绍CSS 背景background使用方法和基本的使用实例.需要的码农可以参考一下. 一.Cs ...
CSS背景background详解，background-position详解
背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一.这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachm ...
css的background属性
背景background属性如下: background:设置或检索对象的背景特性 background-color:设置或检索对象的背景颜色 background-image:设置或检索对象的背景图 ...
学习CSS的background属性及其取值（实践）
CSS的背景属性属性描述可用值 background 设置背景的所有控制选项其他背景属性可用值的集合 background-color 设置背景颜色命名颜色.十六进制颜色等 backgrou ...

CSS 背景 background属性

CSS 背景 background属性相关推荐

最新文章

热门文章