Tutorial kali ini saya akan membahas tentang bagaimana cara membuat tampilan Raounded Rectangle pada desain web, walau trik kali ini mungkin sudah lama tapi ga ada salahnya kan kalau saya mencoba share barangkali aja bisa berguna bagim temen2 yang belum tau, kalau bagi para web designer yang profesional sih udah ga asing lagi, untuk trik ini tidak dibuat di file CSS tapi langsung di tampilan html nya, langsung aja ke TKP....
1. Misalnya kita akan membuat tampilan header dengan ukuran:
Tampilan untuk file css
#header {
width:980px;
height:185px;
margin:10px 0;
background-image:url(image/banner.jpg);}
2. Kemudian pada tampilan html nya pada div id=”header” nya ditambahkan script seperti berikut :
style="-moz-border-radius:4px; -webkit-border-radius:4px"
3. Kemudian Simpan dan lihat pada browser :
0 comments:
Post a Comment
Please Your Comment