MakelarSapi Blog | Border radius

Border radius berfungsi untuk mengurangi sudut lancip pada border . seiring di keluarkannya Border radius pemakaian sudut lancip pada border semakin berkurang

Berikut adalah contoh penggunaan border radius:






Contoh 1

Ms1

.Ms1{
border:2px solid #0099FF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

Contoh 2

Ms2

.Ms1{
border:2px solid #FF9966;
border-bottom-left-radius:30px;
-moz-border-bottom-left-radius:30px;
-webkit-border-bottom-left-radius:30px;
border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;
}

Contoh 3

.Ms3{
border:2px solid #FF9966;
height:100px;
width:100px;
-moz-border-radius:55px;
border-radius:55px;
-webkit-border-radius:55px
}

Untuk Kode warna silahkan di ganti sesuai kebuthan