How to create colored borders with CSS3

W3C telah menawarkan beberapa opsi baru untuk menampilkan border di CSS3, seperti rounded borders dan border-color yang menarik. Mozila / Firefox telah mengimplementasikan fungsi ini, yang memungkinkan Anda untuk membuat border berwarna yang menarik. inilah contohnya:

Mozilla/Firefox users should see a nice grey fading border on this box…

Dan inilah script CSS-nya :



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;


Nah, sekarang kita bisa membuat border dengan warna warna yang keren seperti yang ini...

Mozilla/Firefox users should see a nicely fading red border on this box…


*.:。✿ Don't forget to come back again ✿.。.:*




Visit Wahyudi Blog !

Sumber: css3.info