css页面背景
辅助图片作为背景处理,辅助图片指仅仅用于修饰、间隔、提醒的图片,如logo,标题图片,列表前缀图片,好处是使表现和结构彻底分离。
CSS控制背景
1. color: 文字的颜色
2. background-color: 背景颜色:可以通过使用<div>给页面分块,给div设置背景色实现背景色分块效果。
3. background-image: 背景图象,background-color和background-image可以一起使用
4. background-repeat: 重复背景图象,可以有repeat-y repeat-x no-repeat , 要和background-image一起用 实现背景图片的重复
5. background-attachment: 是否让背景图象随着内容一起滚动,要和background-image一起用。
6. background-position属性。这个属性和background-image属性连在一起使用,决定了背景图片的最初位置。
7. 可以使用background进行属性组合 ,如background: #ff0000 url(../i/eg_bg_03.gif) no-repeat fixed center;
实例:
- body
- {
- background-image: url(/i/eg_bg_03.gif);
- background-repeat: repeat-y;
- background-position:center top;
- background-attachment:fixed;
- }
body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
background-position:center top;
background-attachment:fixed;
}