Cara Membuat Border Berwarna dengan CSS3
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:
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...
*.:｡✿ Don't forget to come back again ✿.｡.:*
Visit Wahyudi Blog !
Sumber: css3.info
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
Komentar
Posting Komentar
Plisss...
Jangan nyepam (spam), jangan promosi (apapun itu), jangan SARA, jangan OOT...
Mohon kerja samanya, berikan komentar yang berbobot dan bermanfaat bagi semua... ^^