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:

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

Tidak ada 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... ^^

Artikel Unggulan

Panduan Makan Sehat bagi Generasi Z: Tips Mudah untuk Menjaga Energi dan Kesehatan

Menjaga Kesehatan dan Energi saat Berlatih: Nutrisi Penting untuk Atlet Generasi Z Gaya hidup aktif dan olahraga merupakan hal yang sangat p...

Paling Populer dalam Sebulan