Jenis-Jenis Border Radius (MELENGKUNG)

Berikut ini adalah jenis2 border radius ..
yang melengkung ..kitu lah poko na makh baruleud .


-Moz-Border-Radius (Untuk Mozilla)

<div style="-moz-border-radius: 5px; background-color: transparent; border: 1px solid #666; padding: 10px;"> ISI TULISAN </div>

<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: transparent; border: 1px solid #666; padding: 10px;"> ISI TULISAN</div>

<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: transparent; border: 5px solid #666; padding: 10px;"> ISI TULISAN</div>

<div style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: transparent; border: 5px solid #38610B; padding: 10px;"> ISI TULISAN</div>

<div style="-moz-border-radius: 30px 10px; background-color: transparent; border: 5px solid #38610B; padding: 10px;"> ISI TULISAN</div>

-Webkit-Border-Radius (Untuk Safari)

<div style="-webkit-border-bottom-right-radius: 30px; -webkit-border-top-left-radius: 30px; background-color: transparent; border: 5px solid #38610B; padding: 10px;"> ISI TULISAN</div

<div style="-webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; background-color: transparent; border: 5px solid #38610B; padding: 10px;"> ISI TULISAN</div>

Border-Radius (Support Opera 10.5)

<div style="background-color: transparent; border-radius: 30px; border: 5px solid #38610B; padding: 10px;"> ISI TULISAN</div>

kode-kode diatas bisa juga ditempatkan pada sidebar atau pada css sobat, tinggal sobat bagaimana ingin mengaplikasikannya.. ^_^