Belajar css dan fungsi-fungsinya | bagian 1

Belajar css dan fungsi-fungsinya. Pada postingan kali ini saya akan mencoba share tentang kode css3 , kurang lebihnya seperti itu, namun pembahasan ini sendiri saya bagi menjadi beberapa bagian.
pada bagian pertama ini saya akan membahas tentang border radius.

sebelum itu tolong mengerti dulu konsep untuk menghubungkan kode css dengan html.

Jika .nama maka pada html kode pangilannya harus menggunakan class.
contoh :
.frame{
width:30px;
}

nah untuk menggunakan nya di kode html maka akan seperti ini:
<div class='frame'></div>

ok itu untuk titik, sekarang untuk tanda pagar #.
jika #nama maka pada html kode pangilannya harus berupa id.
contoh:
#frame{
widht:30px;
}

dan kode htmnya
<div id='frame'></div>

ok..sebagai contoh real nya , saya akan membuat border radius.
kode css :

#curve{
background: url(http://1.bp.blogspot.com/-x1uweEDzXuA/T6OTHxGIeOI/AAAAAAAACS4/79TbYHp0Xx4/s1600/fakta+unik+tentang+kesehatan+kulit.jpg);
width: 250px;
height: 120px;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;

}

dan htmlnya
<div id='curve'>

</div>

dan hasilnya akan seperti ini:





nah..untuk kali ini cukup seperti itu saja dulu, nantikan trik selanjutnya.