设置样式-----背景和边框

一、背景（background）

　　　　　　背景颜色

　　　　　　　　　　background-color：red；（简写background：red；）

　　　　　　背景图片

　　　　　　　　　　background-image：url（路径）；（简写background：url（）；）

   　　　　　　　　　　{备注：标签请求外面资源有三种属性：href‘、src、url}

　　　　　　背景图片平铺

　　　　　　　　　　1、平铺　(浏览器默认）　

　　　　　　　　　　2、不平铺   

　　　　　　　　　　　　　　 background-repeat：no-repeat；

　　　　　　　　　　3、只平铺X轴/Y轴 

　　　　　　　　　　　　　　background-repeat;repeat-X;

　　　　　　　　　　　　　　background-repeat:repeat-Y;

　　　　　　背景大小    （可设置具体大小）

　　　　　　　　　　　background-size：200px（X轴） 200px（Y轴）；

　　　　　　背景位置  (坐标轴  向下为正  向右为正）

　　　　　　　　　　　background-position：50% 50%

　　　　　　　　　　　　{注：位置的值的种类：具体数字   百分比   英文单词（top、right、left、bottom、center）}

　　　　　　背景简写

　　　　　　　　　　background：颜色  图片 平铺   位置；

二、边框（border）

　　　　　　　　　　简写： border：red    1px   dashed；

　　　　　　　　　　边框圆角

　　　　　　　　　　　　border-radius：20px；  （后面的值是具体的数字或百分比）