Membuat Tampilan Rounded Rectangle


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 :


Artikel Menarik Lainnya :



0 comments:

Post a Comment

Please Your Comment

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Dapatkan Update artikel IDG ke email Anda

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin