css第五节(2)

1、css的背景

background-img:url();

ur指向一个相对路径,路劲可以用引号,也可以省略,建议省略。

背景图片会盖住背景色

background-repeat:no repeat; 不重复

background-repeat:repeat-x;横向重复

background-repeat:no repeat-y;纵向重复

background-repeat:repeat;重复平铺

background-attachment:fixed;背景图不随滚动条滚动而变化

background-attachment:scroll;背景图随着滚动条滚动而滚动

background-position 背景图的起始位置

background-position:right top;背景图放到右上角

background-position:right center;背景图放到右中间

background-position:50px 20px;背景图放到横向50 纵向20位置

2、css背景设置合写

background的合写顺序:背景颜色、背景地址、平铺设置、背景图滚动、背景图位置

background:#00FF00 url() no-repeat fixed top;

background:#00FF00 url() no-repeat  20px 10px;

可以省略任何一项配置

你可能感兴趣的:(css第五节(2))