SELAMAT TAHUN BARU 2017 SEMOGA KITA TAMBAH SUKSES DI SEGALA BIDANG AMIN.

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...........

Poskan Komentar

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