SELAMAT HARI RAYA IDUL FITRI MINAL AIDIN WAL FAIZIN.

Senin, 21 Februari 2011

VARIASI BERMACAM MACAM SUDUT TUMPUL

Dibawah ini adalah caranya membuat sudut tumpul yang bisa dipergunakan untuk bermacam-macam keperluan, misalnya saja untuk border postingan, untuk bingkai foto, dan lain sebagainya.


1.  Codenya :
<div style="-moz-border-radius: 10px 10px 10px 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul ke empat sisinya</div>

Jadinya seperti dibawah ini :


Sudut tumpul ke empat sisinya

2.  Codenya :
<div style="-moz-border-radius-topleft: 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul bagian atas sebelah kiri</div>

Jadinya seperti dibawah ini

Sudut tumpul bagian atas sebelah kiri

3.  Codenya :
<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul bagian atas sebelah kiri dan kanan</div>

Jadinya seperti dibawah ini

Sudut tumpul bagian atas sebelah kiri dan kanan

4.  Codenya :
<div style="-moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul bagian atas sebelah kiri dan bagian bawah sebelah kanan</div>

Jadinya seperti dibawah ini

Sudut tumpul bagian atas sebelah kiri dan bagian bawah sebelah kanan

5.  Codenya :
<div style="-moz-border-radius-bottomright: 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul bagian bawah sebelah kanan</div>



Jadinya seperti dibawah ini

Sudut tumpul bagian bawah sebelah kanan

6.  Codenya :
<div style="-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; background-color: #dfdfdf; border: 2px solid rgb(255, 0, 0); padding: 6px 6pt 6px 6px;">
Sudut tumpul bagian bawah sebelah kiri dan kanan</div>

Jadinya seperti dibawah ini


Sudut tumpul bagian bawah sebelah kiri dan kanan


Selamat mencoba dan bervariasi yang lain.

1 komentar:

wih keren, makasih infonya...........

Posting Komentar

Silahkan anda berkomentar, komentar anda yang sifatnya membangun sangat saya harapkan, janganlah melakukan komentar spam.