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.