当需要多个边界元素，有各种各样的技术，以下做法，我们可以参考下：边框样式虚线（solid），虚线（dashed）是最我们常用边框样式属性，另外还有其它的属性，我们可以利用，包括沟（groove）和脊
当需要多个边界元素，有各种各样的技术，以下做法，我们可以参考下：
边框样式
虚线（solid），虚线（dashed）是最我们常用边框样式属性，另外还有其它的属性，我们可以利用，包括沟（groove ）和脊（ridge）。
或者，下面的形式：
虽然沟（groove ）和脊（ridge）有一定的帮助，但这并不是真正的多个边界。
概述
建两个边界的效果最流行的的技术是利用ouline属性
这种方法只可以创建两个边界，如果需要创建更多的边界呢，像一层一层那种效果，我们可以用其它方法。
伪元素
当ouline技术是不够满足我们的需要时，另一种方法是采取box：after伪元素，适用于任何的额外边界。
这也许不是最优雅的方式，但它确实能做到多边界的效果。一个需要注意的是，边框颜色，很容易混淆。
采取边框的阴影css3属性的蔓延参数的方式来创建无限数量的边界
在本例中，我们巧妙地使用了边框的阴影属性
我们可以设置X,Y和模糊为0，而不使用默认值去做出实线边框效果，由于box-shadows 能通过一个逗号，堆叠出是无限条边框。
这种方法旧的浏览器是不支持的，所以在旧的浏览器只会呈现一条红色的边。
“记住：设计需要兼容所有浏览器。因此先在高级浏览器写你的CSS代码，再想办法解决其实浏览器问题“
修改角、气泡的例子将在下期文章讲解,敬请关注！
本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。
