Working for one of my client where he had design for dual color border and the easiest way to get it done was to use 2 elements having border of different color..
Somehow I did not liked it and so after experimenting a little bit more found that it can be done without 2 bordered elements and so thought would share them with G4Ef members here.
It is simple where you have DIV and one of them is actual border element and second is padding element which looks like border
Enjoy
HTML Code:
<div style="border:2px solid blue;"> <div style="border:2px solid Orange;"> Some Content You want Goes Here </div> </div>
It is simple where you have DIV and one of them is actual border element and second is padding element which looks like border
HTML Code:
<div style="padding:2px;background: Orange;border:2px solid blue;"> <div style="background:white;"> Some Content You want Goes Here </div> </div>
