CSS Border 3D

Beberapa waktu yang lalu, saya sempat mengetengahkan bagaimana membuat border menggunakan gambar. Untuk beberapa aLasan penggunaan border dengan gambar kurang diminati. Ada cara lain agar border eLemen HTML sahabat bisa bervariasi, tidak melulu garis dan tidak hanya gonti-ganti warna. Sahabat bisa membuat border berasa 3D hanya dengan beberapa code CSS, dan tanpa gambar, seperti yang sahabat lihat pada artikeL ini. Hal yang terpenting yang perLu diperhatikan adaLah lebar border dan pemiLihan warna yang tepat agar efek 3D bisa sempurna.

[css]
.bordertridi {
width : 500px;
padding : 10px;
border : 40px solid;
border-color : #631 #951 #b72 #841;
}
[/css]

Tested On : Firefox v4.0 Beta 6, Safari v5.0, Chrome v7 Beta, Opera v10.60