CSS3实现针线缝合效果

为不带阴影效果的DIV加上虚线边框

HTML代码：

为加上虚线边框的DIV加上阴影
HTML代码：
以上为第一种方式实现缝合效果
下面开始第二种方式
我们有一个带实线边框，不带阴影效果的DIV
HTML代码：
为加上实线边框不带阴影效果的DIV加上伪元素::before或:before
HTML代码：
以上即为两种实现<metahttp-equiv="X-UA-Compatible"content="IE=Edge,chrome=1">

 文章出自个人博客：http://www.itlanguageexpress.info/371.html