CSS3背景属性

来源:互联网 发布:ubuntu软件中心打不开 编辑:程序博客网 时间:2024/06/06 18:52

background是一个使用率很高的属性,也是一个非常有用的属性。

背景主要包括5个基本属性:

background-color(背景颜色)

background-image(背景图片)

background-repeat(背景图片展示方式)

background-attachment(背景图片是固定还是滚动)

background-position(背景图片位置)

这些属性可单独写,也可将其串在一起使用。

1、background-color属性

用来设置元素的背景色,默认值为”transparent”透明色。颜色格式如下:

颜色名:如“blue”;
rgb值:如rgb(255,0,0)或rgb(100%,0%,0%);
hls值:如hls(0,100%,50%);
十六进制值:如#ff0000。
在CSS3中还可使用rgba值,如rgba(255,0,0,0,0.3)可使用hsla值,如hsla(0,100%,50%,0.5)。

2、background-image 属性

background-image:none || url

用来设置元素的背景图片,默认值为”none”,url指背景图片的地址,这个地址可以是相对路径,也可以是绝对路径。

3、background-repeat 属性

4、background-attachment 属性

5、background-position 属性

原创粉丝点击