Mengurangi pemakaian sudut lancip pada Border

Pengunaan sudut lancip pada border sudah mulai berkurang sekarang ini, 
Dengan adanya css3 (border-radius) bentuk lengkung atau tumpul pada border sudah bisa dibuat, 


Penggunaan border dengan bentuk lengkung lebih saya sukai dan saya banyak menggunakan bentuk lengkung ini pada blog.

ok..! langsung aja sob


di bawah ini ada beberapa contoh penggunaan sudut lengkung pada garis border

Contoh Border 1:

BORDER 1

.border-1 {

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

border-radius: 7px;

border: 2px solid #A89D61;

}

Contoh Border 2:

BORDER 2

.border-2 {

-moz-border-radius-topleft: 30px;

-moz-border-radius-bottomright: 30px;

-webkit-border-top-left-radius: 30px;

-webkit-border-bottom-right-radius: 30px;

border: 2px solid #A89D61;

}

Contoh Border 3:

CIRCLE

.circle {
-moz-border-radius: 80px;

-webkit-border-radius: 80px;
border-radius: 80px;
border: 2px solid #A89D61;
background:#D2CCAD;
width: 150px;
height: 150px;
}

Note :

Gantilah bagian warna merah di bagian border sesuai dengan keinginan sobat, untuk mempermudah pencarian warna yang sesuai,bisa pergunakan tools warna Disini..

Selamat mencoba sob. semoga bermanfaat,,

---