728x90
반응형
ㄱ. margin, padding
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 100px; height: 100px;
background-color: red;
border: 20px solid black;
margin: 10px; padding: 10px;
/* margin: 0 30px 0 30px */
/* margin: 상 우 하 좌 */
/* == margin: 0 30px */
/* margin: 상하 좌우 */
/* padding: 0 30px 0 30px */
/* padding: 상 우 하 좌 */
/* == padding: 0 30px */
/* padding: 상하 좌우 */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 10. 배경/ 글자 속성 (background,font-family,text-decoration 등) (0) | 2022.10.17 |
|---|---|
| [HTML5] 09. 가시속성 display (none,block,inline,inline-block) (0) | 2022.10.17 |
| [HTML5] 07. 반응/상태 선택자 (:hover, :active, :focus, :enabled, :disabled) (0) | 2022.10.17 |
| [HTML5] 06. div, span, 시맨틱태그 (0) | 2022.10.17 |
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
728x90
반응형
ㄱ. margin, padding
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 100px; height: 100px;
background-color: red;
border: 20px solid black;
margin: 10px; padding: 10px;
/* margin: 0 30px 0 30px */
/* margin: 상 우 하 좌 */
/* == margin: 0 30px */
/* margin: 상하 좌우 */
/* padding: 0 30px 0 30px */
/* padding: 상 우 하 좌 */
/* == padding: 0 30px */
/* padding: 상하 좌우 */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 10. 배경/ 글자 속성 (background,font-family,text-decoration 등) (0) | 2022.10.17 |
|---|---|
| [HTML5] 09. 가시속성 display (none,block,inline,inline-block) (0) | 2022.10.17 |
| [HTML5] 07. 반응/상태 선택자 (:hover, :active, :focus, :enabled, :disabled) (0) | 2022.10.17 |
| [HTML5] 06. div, span, 시맨틱태그 (0) | 2022.10.17 |
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
