边框的样式

2. 一、solid：实线    border: solid 1px #000;

   出来的效果如图

   
3. 
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   二、dotted：点划线    border: dotted 3px #000;

   出来的效果如图

   
4. 
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   三、dashed：虚线    border: dashed 1px #000;

   出来的效果如图

   
5. 
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   四、double：双线    border: double 5px #000;

   出来的效果如图

   
6. 
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   五、none：定义无边框    border: none;

   出来的效果如图

   
7. 
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   六、hidden：与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。(意思就是隐藏)   border: hidden;

   出来的效果如图(和”none“效果基本一样)

   

注意事项：

   border的样式也取决于颜色，像素值