Colored border using CSS3
by Vijay[ Edit ] 2010-01-27 19:09:07
W3C has offered some new options for borders in CSS3, of which, border-color is very interesting. Mozila/Firefox has implemented this function, which allows you to create cool colored borders
The following is an example of colored border using css3
border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;
I've used the above style for a div, and Mozilla/Firefox users should see a nicely fading red border on this box…
Mozilla/Firefox users should see a nicely fading red border on this box…
