CSS背景

概念：CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。

属性	描述
background-attachment	背景图像是否固定或者随着页面的其余部分滚动
background-color	设置元素的背景颜色
background-image	把图片设置为背景
background-position	设置图片的起始位置
background-repeat	设置背景图片是否及如何重复

background-size	规定背景图片的尺寸
background-origin	规定背景图片的定位区域
background-clip	规定背景的绘制区域

 

         
             
         
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color
    
test the background-color

/*style.css*/body{    /*background-color: khaki;*/    background-image: url("1.jpg");    background-repeat: no-repeat;   /*图片不允许重复*/    /*background-position: right top;*/    /*background-position: 100px 100px;*/    /*background-attachment: fixed;*/    background-size: 100px 100px;    /*right和center*/}p{
       width: 150px;    padding: 10px;    background-color: blueviolet;}