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

it is possible in CSS3 very easily. try with the following code

h2
{
  border-bottom: 2px solid blue;
  -moz-box-shadow: 0px 2px 0px #ff0000; /* Firefox 3.6 and earlier */
  -webkit-box-shadow: 0px 2px 0px #ff0000; /* Safari and Chrome */
  box-shadow: 0px 2px 0px #ff0000;
}