Web Design : Custom atribut DIV pada CSS agar lebih elegan,

Sebagai pengingat untuk saya dan untuk sharing pada teman-teman semua,
Disini saya akan menjelaskan tentang beberapa atribut yang ada pada DIV . Pada tulisan ini saya anggap para pembaca sudah paham tentang pengunaan DIV pada CSS.

Pada penggunaan script DIV normal,misal sintak anda seperti ini:

#erik-style {
    width: 400px;
    margin: auto;
    border: 2px solid #454545;
    background-color: #f4f4f4;
    padding: 10px;
}
 kode pada CSS diatas jika anda gunakan maka pada browser anda akan tampil kotak biasa seperti ini:

Oke,lalu jika kode CSS ada yang di atas anda tambah script hingga menjadi seperti dibawah:

#erik-style {
    width: 400px;
    margin: auto;
    border:2px solid #454545;
    background-color:#f4f4f4;
    padding:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
}

Maka hasilnya adalah,seperti ini..

Lebih cantik kan? oke,mungkin bagi para master ini merupakan sepele,tapi bagi para newbie,ini bisa mejadi referensi..
Jika bermanfaat berikan komentar ya..

Lokasi: Kotagede, Yogyakarta, Indonesia

Berbagi :