WON.dev
chapter10 : box_model 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.img{
width: 640px;
height: 480px;
background-image: url("images/moon.jpg");
background-size: 640px 480px;
background-repeat: no-repeat;
}
.des-img{
border: 5px solid navy;
width: 600px;
padding: 10px;
margin: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="img"></div>
<div class="des-img">달 이미지</div>
</body>
</html>
'WEB.CSS' 카테고리의 다른 글
chapter12 : list (0) | 2023.05.18 |
---|---|
chapter11 : text (0) | 2023.05.18 |
chapter09 : margin (0) | 2023.05.18 |
chapter08 : padding (0) | 2023.05.18 |
chapter07 : border (0) | 2023.05.18 |