背景属性、文本属性、表格属性、边框属性

一、操作背景的属性：

body{       /*整体的背景设置body
    background-color:#CCC;  /*设置背景颜色*/
    background-image:url(2.jpg);
    background-repeat:no-repeat;  /*  设置背图片是否要重复 */
    background-position:370px 100px; /* 设置背景图片的位置， 第一个参数是左上角的左边距， 第二个参数是左上角的上边距 */
}

二、操作文本的属性：

div{
    color:#F00;     /*字体颜色*/
    font-size:16px;     /*字体大小*/
    line-height:40px;    /*行高，即行间隙*/
    letter-spacing:10px;    /*字符间间隙*/
    text-align:center;      /*文本对齐方式，默认为左对齐*/
    text-decoration:none;       /*修饰文本样式，即下划线，上划线，穿过文本线等等*/
    text-transform:uppercase;       /*转换文本的样式：改成大写*/
}       

三、操作表格的属性：

table{
    /*border-collapse:collapse;    合并表格的边框*/
    border-spacing:20px;    /* 设置单元格的边框与表格的边框距离*/
    table-layout:fixed;    /*单元格的宽度不会因内容过多而被撑大，但高度会改变*/
    }

四、操作边框的属性：

div{
    width:100px;
    height:100px;
    border-style:dotted solid double ; 
    /*1、div的边框默认为none，即不显示。
      2、为了显示出来，所以此处设为solid实线。   
      3、如果有两个属性，doutted（点状） solid那么就是相对的两个边样式一样。
      4、设置边框的样式可以分为：上、右、下、左，但也可以有1~3个
      5、double代表双线*/        
    border-color:#F00;
    border-bottom-color:#0FF;
    border-top-width:100px;
}