一、背景样式

  1、背景颜色

    background-color:red;      简写:background:red;

    *注: ie9以下body设置background-color不起作用,需要用bgcolor

  2、背景图片

    background-image:url("路径");    简写:background:url("路径");

    *注:标签请求外部资源有三种属性:herf、url、src9

  3、背景图片平铺

    1)、平铺(repeat):浏览器默认的是平铺

    2)、不平埔(no-repeat)

    3)、平铺在x轴:background-repeat:repeat-x

      平铺在y轴:background-repeat:repeat-y

  4、背景大小

    background-size:100%  100%; 

  5、背景位置

    background-position:"100px 100px";

    *注:背景的位置也可以说是坐标轴,(向上为正,向下为正)

       位置的值的种类有:数字、百分比、英文单词(top、bottom、left、right)

  6、背景简写

    body{

       background:#ffffff   url("图片路径") no-repeat  right  top;

       }

二、边框样式

  1、边框颜色

    border-color:red;

  2、边框粗细

    border-width:2px;

  3、边框样式

    border-style:solid;

  4、边框简写

    body{

       border:blue  2px  dashed;

      }

    *solid  实线       dashed  虚线

  5、边框圆角

    border-radius:25px;

    *注:后面的值可以是具体的数字或百分比