Kembali lagi di blog saya,Nah kali ini saya akan memberitahu pada teman-teman cara membuat kotak dari CSS.
Sebelum kita memasuki CSS pastikan anda sudah terhubung dengan XAMPP.Ketika anda sudah memasuki XAMPP,klik Start pada Apache dan MySQL,setelah itu teman dapat memasuki aplikasi CSS.Berikut adalah kodenya:
- Indexs.html
<!DOCTYPE html>
<html>
<head>
<title>latihan 4</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="kotak1"></div>
<div class="kotak2"></div>
<div class="kotak3"></div>
<div class="kotak4"></div>
</body>
</html>
- Style.css
.kotak1{
width: 300px;
height: 300px;
background:lightgreen;
margin:10px;
border:5px solid red;
}
.kotak2{
width: 300px;
height: 300px;
background:lightblue;
margin:10px;
border:5px solid purple;
}
.kotak3{
width: 600PX;
height: 300PX;
background:darkblue;
margin:10px;
border:5px solid green;
}
.kotak4{
width:900PX;
height:300PX;
background:darkred;
margin:10px;
border:5px solid green;
}
Semoga bermanfaat !!!
No comments:
Post a Comment