编程笔记 html5&css&js 041 CSS边框属性

盒子是由四周的边框组成，边框的属性就构成了盒子的大部分样式。

一、CSS 边框属性

CSS border 属性允许您指定元素边框的样式、宽度和颜色。
border-style 属性指定要显示的边框类型。
允许以下值：

dotted - 定义点线边框
dashed - 定义虚线边框
solid - 定义实线边框
double - 定义双边框
groove - 定义 3D 坡口边框。效果取决于 border-color 值
ridge - 定义 3D 脊线边框。效果取决于 border-color 值
inset - 定义 3D inset 边框。效果取决于 border-color 值
outset - 定义 3D outset 边框。效果取决于 border-color 值
none - 定义无边框
hidden - 定义隐藏边框

border-style 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）。
注意：除非设置了 border-style 属性，否则其他 CSS 边框属性（将在下一章中详细讲解）都不会有任何作用！

二、练习

   
      
      
      
   
   
      

         
border-style 属性

         
此属性规定要显示的边框类型：

         
dotted 点状边框。
         
dashed 虚线边框。
         
solid 实线边框。
         
double 双线边框。
         
groove 凹槽边框。
         
ridge 垄状边框。
         
inset 3D inset 边框。
         
outset 3D outset 边框。
         
none 无边框。
         
hidden 隐藏边框。
         
mix 混合边框。
      
   

小结

也可以根据自己的喜好做一个编排。