背景颜色(background-color)
表示:
十六进制、rgb()、rgba()
注意:
padding区域是有背景颜色的
背景图片(background-image)
图片路径要写到url()圆括号中,可以是相对路径,也可以是http://开头的绝对路径
背景图片的重复模式(background-repeat)
值 | 意义 |
repeat | x,y均平铺(默认) |
repeat-x | x平铺 |
repeat-y | y平铺 |
no-repeat | 不平铺 |
背景图片的尺寸(background-size)
/* 宽 高 */
background-size:100px 200px;
值也可以用百分数来设置,表示盒子的宽高的百分之多少;需要等比例设置的值,写auto;
值也可以用contain(将背景图片智能改变尺寸以容纳到盒子里)和cover(将背景图片智能改变尺寸以撑满盒子)表示