border的那些事——简单的颜色控制边框外观

简单的颜色控制边框外观（border）
关于边框的几个值：“groove”，“ridge”，“inset”，“outset”，看看都有什么效果。

几种样式

。。感觉不怎么好用，而且在不同的浏览器中效果也可能有差异，如果想要完美的控制最好还是手动设置各个边框颜色吧。

下面给出几种样式参考：

p{width:300px;border:5px solid;}
.outer{border-color:#f88 #800 #800 #f88}
.inner{border-color:#800 #f88 #f88 #800}

<p class="outer">
    <p class="inner">看看效果怎样</p>
</p>

最后效果：

好吧。。还是很难看，要多多尝试，以后如果有试出好看的样式也会一并放上来。