Hari Mulyanto
14

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

Filed in: Blogging, How It Works Tags: , , , , border kartu ucapan, border kartu nama, 

14 Responses to "CSS Border 3D"

  1. lumayan buat refrensi tambahan aneka boreder. thank gan.

Leave a Reply

Submit Comment

© 2009-2016 Hari Mulya. All rights reserved. XHTML / CSS Valid.
Your Left Brain Can Analyze It While Your Right Brain Let You Feel It