Как сделать двойные линии границ в CSS, каждая линия разного цвета, не используя фоновое изображение?

Question

Как сделать двойную рамку в CSS, чтобы каждая строка была разного цвета без использования background-image?

Например, вот так:

Код:

<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: solid blue;}
p { border-top: solid red; }

Подойду ближе, затем поиграем с полями и отступами, пока все не выровняется.

http://jsfiddle.net/gR4qy/