CSS 属性定义背景效果:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
1. 设置背景颜色
<style>
body
{
background-color:#b0c4de;
}
</style>
2. 设置背景图片
<style>
body
{
background-image:url("leaf.jpg");
background-repeat:repeat-x;
}
</style>
background-repeat:repeat-x;
表示只在x方向平铺
3. 设置背景位置
.body
{
background-position: right top;
}
4. 简写属性
<style>
.simpleProperty
{
background: beige url('photo/pinkLeaf.jpg') no-repeat right top;}
}
</style>
当使用简写属性时,属性值的顺序为:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
CSS 背景属性
Property | 描述 |
---|---|
background | 简写属性,作用是将背景属性设置在一个声明中。 |
background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
background-color | 设置元素的背景颜色。 |
background-image | 把图像设置为背景。 |
background-position | 设置背景图像的起始位置。 |
background-repeat | 设置背景图像是否及如何重复。 |
参考:菜鸟教程
网友评论