Kamis, 12 April 2012

CSS3 Rounded Corner

Kode CSS
 #rounded{
-moz-border-radius: 15px;
border-radius: 15px;
padding:10px;
background:#cccccc;
}

Keterangan :


-moz-border-radius: 15px;
border-radius: 15px;

kode diatas adalah untuk mengatur kelengkungan sisi pojok. semakin besar nilainya, maka semakin melengkung.

padding : digunakan untuk menentukan jarak tulisan dari tepi

background: digunakan untuk memberi latar belakang

cara menuliskan dalam kode HTML


<div id="rounded">Sisi Pinggir</div>




Hasilnya :

Sisi Pinggir
◄ Newer Post Older Post ►