Rabu, 04 Desember 2013
Bagaimana membuat sudut blog
menjadi tumpul? ok, kita bincangkan di sini. Membudat sudut-sudut blog
menjadi tumpul sangatlah mudah, kita hanya menambahkan beberapa kode ke
bagian edit HTML blog. Dan sudut-sudut tumpul dalam blog itu dinamakan "rounded corner". Pada postingan kali ini kita bahas bagaimana membuat sudut tumpul tanpa gambar.
Ok, kita langsung ke pokok bahasan...
Full Rounded Corner
Rounded Corner Kiri Atas
- Untuk Rounded Corner kiri bawah tinggal mengganti kode topleft menjadi bottomleft.
- Untuk Rounded Corner kanan bawah tinggal mengganti kode topleft menjadi bottomright.
Ok, kita langsung ke pokok bahasan...
Full Rounded Corner
background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
border:3px solid #ffcc00;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
Rounded Corner Kiri Atas
background-color:#ddd;
border:3px solid #ffcc00;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-khtml-border-radius-topleft: 15px;
border-top-left-radius: 15px;
- Untuk Rounded Corner kanan atas tinggal mengganti kode topleft menjadi topright.border:3px solid #ffcc00;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-khtml-border-radius-topleft: 15px;
border-top-left-radius: 15px;
- Untuk Rounded Corner kiri bawah tinggal mengganti kode topleft menjadi bottomleft.
- Untuk Rounded Corner kanan bawah tinggal mengganti kode topleft menjadi bottomright.
