[CSS 기초이론] - 박스모델 Box-Model (border, margin, padding)
HTML, CSS 2021. 1. 12. 22:49반응형
www.youtube.com/watch?v=xZthulc94G8&t=1028s
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0;
}
h1 {
width: 200px;
height: 50px;
padding: 20px;
margin: 20px;
/* border-width: 2px;
border-color: red;
border-style: solid; */
border: 5px solid red;
/* border-top: 2px solid red;
border-bottom: 2px solid red; */
outline: 5px solid blue;
outline-offset: -10px;
}
</style>
</head>
<body>
<h1>Hello, World</h1>
</body>
</html>반응형
'HTML, CSS' 카테고리의 다른 글
| vscode emmet (0) | 2021.01.12 |
|---|---|
| css강좌 : 방콕코딩캠프 (0) | 2021.01.12 |
| 웹 퍼블리셔를 위한 크롬 확장 프로그램 추천(2탄) - HTML+CSS+JQUERY (0) | 2021.01.12 |
| 웹 퍼블리셔를 위한 크롬 확장 프로그램 추천(1탄) - HTML+CSS+JQUERY (0) | 2021.01.12 |
| 클론코딩 유튜브 사이트 따라 만들기(HTML+CSS 연습편, 웹 포트폴리오) | 프론트엔드 개발자 입문편: HTML, CSS, Javascript (0) | 2020.12.30 |