如何使用CSS边框控制元素边框显示成不同的形态

1、第一步，双击打开HBuilderX工具，新建一个HTML5模板页面，然后插入一个div，这个作为父级元素，接着插入四个子级div，分别给它们添加不同的class，如下图所示：

3、第三步，然后使用内部的四个div类选择，分别设置不同方向的边框大小、形态和颜色值，如下图所示：

5、第五步，再次给四个div标签添加一个背景色，分别给不同的颜色值，以示区别，如下图所示：