背景
1.background-color背景颜色
2.backgroud-image背景图片
backgroud-image{
url(“…/…/…/xxx”)
}
可以同时设置背景颜色和背景图片,这样背景颜色将会成为图片的背景色
如果背景图片小于元素则背景图片会自动在元素中平铺将元素铺满
如果背景图片大于元素,将会有一部分背景无法在元素中显示
背景图片和元素一样大则正常显示
3. background-repeat 背景图片的重复方式
可选值
repeat 默认值,背景会沿着x,y轴双方向重复
repeat-x
repeat-y
no-repeat
4. background-position背景图片的位置
- top left right bottom center
必须同时指定两个值,如果只指定一个词那么第二个值默认是center - 偏移量来指定背景图片的位置
第一个值 水平方向偏移量
第二个值 垂直方向偏移量
5.background-clip背景的范围
可选值
border-box 默认值,背景会出现在边框
padding-box 背景不会出现在边框,只会出现在内边距和内容区
content-box 背景纸只会出现在内容区