Colored border using CSS3

by Vijay 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…

Tagged in:

651
like
0
dislike
0
mail
flag

You must LOGIN to add comments