css背景图片有哪些属性?


css背景图片有哪些属性?

1、background-repeat,该属性设置图片的重复方式。具体语法格式如下:

background-repeat: repeat | repeat-x | repeat-y | no-repeat ;

其中参数分别表示水平和垂直方向都重复、水平方向重复、垂直方向重复、背景图片不重复。

2、background-fixed,该属性用来定义背景图片是否跟随文档一起滚动。具体语法如下:

background-attachment: scroll | fixed ;

参数代表的含义分别代表页面滚动时背景图片跟随页面一起滚动,背景图片固定在页面的可见区域。

3、background-position,该属性用于指定背景图片在页面中的位置。具体语法如下:

(推荐学习:CSS视频教程

background-position: length | percentage | top | center | bottom | left | right ;

4、background-size, 该属性用于控制背景图片的大小,具体语法格式如下:

background-size: length | percentage | auto | cover | contain ;

5、background-origin, 这是CSS3新增的属性,用于完成背景图片的定位。具体语法如下:

background-origin: border | padding | content ;

其中参数分别表示从border区域开始显示背景、从padding区域开始显示背景、从content区域开始显示背景。

6、background-clip, 该属性用于定义背景图片的裁剪区域。具体的语法格式如下:

background-clip: border-box | padding-box | content-box | no-clip ;

其中的参数分别表示从border区域开始显示背景、从padding区域开始显示背景、从content区域开始显示背景、从边框区域外裁剪背景。

7、background, 该属性可以一次设定背景图片的样式。具体语法格式如下:

background: 
    [background-color] 
    [background-image] 
    [background-repeat] 
    [background-attachment]
    [background-position] 
    [background-size] 
    [background-clip]
    [background-clip]

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css背景图片有哪些属性?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读