通过CSS背景属性,可以给页面元素添加背景样式。
背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。
一、背景颜色
1、background-color属性定义了元素的背景颜色。
2、语法:background-color :颜色值;
3、一般情况下元素背景颜色默认值是transparent (透明 ) ,我们也可以手动指定背景颜色为透明色。
二、背景图片
1、background image属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置。(精灵图也是一种运用场景)
2、语法:background- image : none | url (ur1)
参数值 |
作用 |
none |
无背景图(默认) |
url |
使用绝对或相对地址指定背景图像 |
三、背景平铺
1、如果需要在HTML页面上对背景图像进行平铺,可以使用background-repeat属性。
2、语法:background- repeat: repeat | no- repeat | repeat-x | repeat-y