【微信小程序】边框的多种样式设置及效果

一、实线（solid）

实线边框。

border: 5px solid blue;

 二、虚线（dashed）

虚线边框。

border: 5px dashed blue;

三、点线（dotted）

 点线边框。

border: 5px dotted blue;

 四、双线（double）

双线边框。

 border: 5px double blue;

 五、凹陷（groove）

凹陷的边框。

border: 5px groove blue;

 六、凸起（ridge）

凸起的边框。

border: 5px ridge blue;

 七、内嵌（insert）

内嵌边框。

border: 5px inset blue;

 八、外嵌（outset）

外嵌边框。

border: 5px outset blue;