盒子的border 3要素宽（border-width）形状（border-style），颜色（border-color）

1,355

阅读模式

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>margin首页实战首页布局</title>
    <meta http-equiv="Conrent-type" content="text/html;charset=gbk">
<meta name="description" content="实战首页布局">
     
    <style>
div{
   width:500px;
   height:500px;
   background:blue;
/*   border:10px outset green;
       }
  实线：solid
  虚线：dashed
  点线：dotted
  立体：outset*/
  
  
  
  /*单独设置边框如下*/
       border-top:10px solid orange;
   
   
   
  /*也可以单独设置边框的3要素之一，比如形色*/
       border-style:dashed;
</style>
          
</head>
      <body>
         <div>
 盒子的border 3要素 宽（border-width）形状（border-style），颜色（border-color）
 
 </div>
     </body>
</html>