Membuat kotak menggunakan CSS
Kotak Pada CSS
Kali saya membuat kota menggunkan HTML dan CSS Eksternal. Berikut Source Codenya:
HTML :
<DCOTYPE html>
<html lang="en>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Belajar CSS Vikas Verlian</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="kotak">Saya</div>
<div class="kotak2">Vikas Verlian</div>
<div class="kotak3">XII RPL</div>
<div class="kotak4">HHHHHHHHHH</div>
</body>
</html>
CSS:
.kotak{
width:150px;
height:150px;
background:#33ff33;
border:5px;
text-align : center;
}
.kotak2{
left: 159px;
top: 8px;
position: fixed;
width:150px;
height:150px;
background:gray;
border:5px;
text-align : center;
}
.kotak3{
width:150px;
height:150px;
background:#a64dff;
border:5px;
text-align : center;
}
.kotak4{
left: 159px;
top: 159px;
position: fixed;
width:150px;
height:150px;
background:#ffff66;
border:5px;
text-align : center;
}
.png)
Komentar
Posting Komentar