<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>스타일 시트 복습</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background:#111827;
}
.box{
width:300px;
height:300px;
border:15px solid white;
border-radius:25px;
font-size:40px;
font-family:Arial, sans-serif;
color:aqua;
font-weight:900;
text-align:center;
line-height:270px;
transition:.3s;
cursor:pointer;
}
.box:hover{
background:aqua;
color:#111827;
transform:scale(1.05);
}
</style>
</head>
<body>
<div class="box">
잠잘레!!
</div>
</body>
</html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>스타일 시트 복습</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background:#111827;
}
.box{
width:300px;
height:300px;
border:15px solid white;
border-radius:25px;
font-size:40px;
font-family:Arial, sans-serif;
color:aqua;
font-weight:900;
text-align:center;
line-height:270px;
transition:.3s;
cursor:pointer;
}
.box:hover{
background:aqua;
color:#111827;
transform:scale(1.05);
}
</style>
</head>
<body>
<div class="box">
잠잘레!!
</div>
</body>
</html>
#스타일 시트 복습1