oke langsung saja!
siapkan filenya "index.html" lalu tulis htmlnya.
<html>
<head>
<title>navbar</title>
</head>
<body>
</div>
</body>
</html>
<head>
<title>navbar</title>
</head>
<body>
</div>
</body>
</html>
lalu sisipkan kode css nya :
<style type="text/css">
html,body{
margin:0;
background-color:#016992;
}
.bulat {
width:400px;
height:400px;
border-radius:400px;
background-color:#ffffff;
margin:100px auto;
}
</style>
Keterangan :html,body{
margin:0;
background-color:#016992;
}
.bulat {
width:400px;
height:400px;
border-radius:400px;
background-color:#ffffff;
margin:100px auto;
}
</style>
pada class ".bulat" diisikan "border-radius:400px;" ini gunanya agar tiap ujung nya di belokan menjadi 400px.
baca juga : Cara membuat jendela Popup dengan HTML dan CSS
lalu, sekarang tinggal panggil class nya di html :
<div class="bulat">
</div>
</div>
0 comments:
Post a Comment