网页设计与制作教程

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使用重复的径向渐变创建背景图像。