css border有几种样式

border后加三个参数：边框粗细　边框样式　边框颜色
如border:2px solid #ccc;
其中边框样式包括：
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。

dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。

groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
　

1. border后加三个参数：边框粗细　边框样式　边框颜色

2. 如border:2px solid #ccc;
   其中边框样式包括：none 定义无边框。solid 定义实线。dotted 定义点状边框。在大多数浏览器中呈现为实线。
   

3. dashed 定义虚线。在大多数浏览器中呈现为实线。double 定义双线。双线的宽度等于 border-width 的值。

Vue实践-CSS样式position/display/float属性对比使用