WEB.CSS
chapter08 : padding
GAWON
2023. 5. 18. 09:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
/*
padding : 안쪽 여백 (content와 border 사이 간격)
1)padding-top
2)padding-bottom
3)padding-left
4)padding-right
5)padding
(1) padding : 5px 상하좌우 5px
(2) padding : 5px 10px 상하 5px 좌우10px
(3) padding : 5px 10px 20px 상하 5px 좌우10px 하20px
(4) padding : 5px 10px 20px 30px 상하 5px 좌우10px 하20px 좌30px
*/
div{
width: 500px;
border : 1px solid black;
}
</style>
</head>
<body>
<div style="padding-top: 10px">
padding-top: 10px
</div>
<br>
<div style="padding: 10px 30px">
padding: 10px 30px
</div>
</body>
</html>