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

Abses Gigi Sembuh Sendiri? Bisa Sih… Tapi Nanti Zombie Gigimu Bakal Balik Lagi!

"Bayangin: lo punya bom waktu di mulut, tapi lo cuek karena mikir, 'Ah, ntar juga ilang sendiri.' Eh, besoknya pipi lo bengkak ...

Paling Populer dalam Sebulan