css - 如何在CSS中制作双线边框，每条线颜色不同，不使用背景图片？

Question

如何在不使用 background-image 的情况下在 CSS 中制作双线边框，每条线颜色不同？

例如像这样:

代码:

<h2> heading 2 </h2>
<p> paragraph text </p>

<h2> heading 2 </h2>
<p> paragraph text </p>

注意:我不考虑 IE 8、7、6

Answer 1

我刚刚在谷歌搜索中找到了方法，它对我很有用。

h2 {
    border-bottom: 1px solid blue;
    box-shadow: 0 1px 0 red;}

来源:http://www.cvwdesign.com/txp/article/425/useful-tip-for-creating-double-borders-with-css3

编辑:我找到了另一种使用 CSS 2.1 伪元素实现多边框的方法

支持:Firefox 3.5+、Safari 4+、Chrome 4+、Opera 10+、IE8+

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/