本文部分测试结果并非出自本人之手，来自：HowDoBrowsersRendertheDifferentCSSBorderStyleValues?下面是测试用到的代码：.box{width:50px;height:50px;border-width:5px;border-color:#444;/*后面会改成“粉色”*/border-style:dotted;/*dashed,double,groove,ridge,inset,outset*/}Value:dotted各种浏览器对比结果如下：以上对比结果直接无视IE6（下同），唉，人家住美国，国情不同。IE7~IE8菱形，IE10全是萌点，其他浏览器，自己看图。哪个是正统的？IE10的渲染已经接近规范的描述。圆角渲染最靠谱的浏览器应该是FireFox浏览器了。值：虚线所有浏览器都是方条，但长度和空白非常不合常规。哪个是正统的？根据规范定义，似乎两者都是正确的。如果要从一大堆螃蟹中挑出一只阳澄湖大闸蟹，火狐的丑鸟造型更准确。价值：双倍考验大家眼力的时候到了，找出那个不守规矩的。呵呵，恭喜你找对了，是IE10版的边框，颜色淡了一点。哪个是正统的？虽然真理往往掌握在少数人手中，但常识往往掌握在大多数人手中。我不会说什么。取值：grooveGroove表示凹槽。Groove在不同的浏览器下看起来像个女人，花样千变万化。我什么也不会说。哪个是正统的？根据测试人员的了解，没有一个是真正正确的，也许作者挑了一点，颜色变化应该是“弯曲的”，但以上都不是这样的。值：ridgeridge表示山脊。从效果上看，《脊梁》果然名副其实的“奸夫淫妇”。哪个是正统的？虽然表象不同，但其实大家都没错。但这不是100%OK。Firefox、Safari和Chrome应该是最准确的。值：insetIE7和IE8的insetshadow真的很暗。果然，我应了那句话，是发自内心的。哪个是正统的？除了IE7和IE8，其他浏览器的边框都可以点赞。价值：一开始IE似乎很暗。不过，基本上还过得去。Safari和Chrome看起来最好。哪个是正统的？不管你信不信，反正我信了。IE7和IE8比其他的更准确。嗯，其他浏览器最大的问题就是像个小胸美女，前胸和后胸很难区分。“inset”和“outset”看起来太相似了。IE10尤其是个平胸女王，晚上睡觉容易让男友觉得她趴着睡。原文链接：http://itindex.net/detail/25308-%E6%B5%8F%E8%A7%88%E5%99%A8-%E6%B8%B2%E6%9F%93-border
