How to make double lines border in CSS, each line in different color, without using background image?

Question

How to make a double line border in CSS, each line in a different color without using background-image?

For example like this:

Answer 1

Have you try add a between

and

with the following css:

span {
height:0;
border-top:blue;
border-bottom:#ff0000;
line-height:0;
}