css的属性
网页背景是网页设计都主要元素之一,不同类型的网站有着不同的背景和基调。css有非常丰富的背景属性。css允许为任何元素添加纯色背景,也允许使用图像作为背景。背景属性命名时,使用“background0-“前缀。
1.background-color属性用于设置背景颜色,它可以设置任何有效的颜色值。
语法:background-color:color/transparent
参数:color指定颜色,颜色取值前面已经介绍过,颜色值可以使用多种书写方式,可以使用颜色名,也可以使用十六进制颜色值,还可以使用rgb函数值。transparent表示透明的意思,也是浏览器的默认值。背景就是透明的,这样其父元素的背景才能看的见。
实例:设置元素的背景颜色属性
p{background-color:sliver;}
div{background-color:rgb(223,71,177)
body{background-color:transparent;}
pre{background-color:transparent;}
2.背景图像属性background-image用来设置背景图像,还可以用来设置线性渐变等效果。
语法:background-image :none url(url),url(url),... linear-gradient radial-gradient repeating-line-gradient repeating-radial-gradient
参数:默认为none,表示不加载图像,即无背景图。
url设置要插入背景图像的路径,使用绝对或相对地址指定背景图像。在css3之前,每个元素只能设置一个背景,如果同时指定背景颜色和背景图像,背景图像会覆盖背景颜色。css3允许元素使用多个背景图像,多个url属性值之间用逗号隔开。
css3增加的属性还有:linear-gradient使用线性渐变创建背景图像;radial-gradient使用径向渐变创建背景图像;repeating-linear-gradient 使用重复的线性渐变创建背景图像;repeating-radial-gradient使用重复的径向渐变创建背景图像。