WEB.CSS
chapter09 : margin
GAWON
2023. 5. 18. 09:37
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
/*
margin : 바깥 여백 ( border 바깥쪽 여백)
1)margin-top
2)margin-bottom
3)margin-left
4)margin-right
5)margin
(1) margin : 5px 상하좌우 5px
(2) margin : 5px 10px 상하 5px 좌우10px
(3) margin : 5px 10px 20px 상하 5px 좌우10px 하20px
(4) margin : 5px 10px 20px 30px 상하 5px 좌우10px 하20px 좌30px
*/
div{
width: 500px;
border : 1px solid black;
}
</style>
</head>
<body>
<div style="margin: auto; background-color: fuchsia; ">
margin auto;
</div>
<br>
<div style="margin-left:20px ">
margin-left:20px
</div>
</body>
</html>