您的位置:首页 > Web前端 > CSS

CSS3背景属性

2017-09-30 21:17 232 查看

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 属性

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: