如何利用HTML5和CSS3设置四边边框border边界线

1、第一步，在HBuilder开发工具创建静态页面border.html，并修改title内容，如下图所示：

3、第三步，添加第一个div样式.one{ width: 400px; height: 100px; color: #FF0000; border-width: 2px; border-bottom: 1px solid #D2691E; }如下图所示：

5、第五步，添加第三个div样式，设置左边框样式，.three{ width: 400p垓矗梅吒x; height: 100px; color: #ED9898; border-width: 4px; border-left: 1px dotted #8A2BE2; }如下图所示：