Membuat Box atau kotak dengan CSS
Membuat Box atau kotak itu sangatlah mudah kawan, hanya dengan mengatur tinggi, lebar, dan warnanya untuk yang paling simpelnya baiklah mari kita simak baik-baik pembuatannya
- Simple Box
contoh css nya :
#simple-box{
width:200px;
height:200px;
background:lime;
}
width:200px;
height:200px;
background:lime;
}
hasilnya seperti berikut ini :
- Border Box
contoh css nya :
#border-box{
width:200px;
height:200px;
background:lime;
border: solid 2px #000;
}
width:200px;
height:200px;
background:lime;
border: solid 2px #000;
}
hasilnya seperti berikut ini :
- Radius Box
Radius Box adalah Kotak yang membentuk sudut tumpul
contoh css nya :
#radius-box{
width:200px;
height:200px;
background:lime;
border-radius:20px;
}
width:200px;
height:200px;
background:lime;
border-radius:20px;
}
hasilnya seperti berikut ini :
Itulah yang dapat saya sampaikan mengenai pembuatan box. kurang lebihnya saya mohon ampun. selamat belajar...