HTML
30일차//[html] div 범위를 묶는다. border
aesup
2021. 2. 23. 19:27
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- font, div -->
<font size = "1" color = "blue">font size : 1 , font color:blue</font>
<br>
<!-- <font style="color:"> font size : 1 , font color:blue</font> -->
<font size = "2" color = "#0000ff"> font size:2, font color: #0000ff</font>
<pre>
생각<font size = "2" color = "#0000ff">했다</font>이었다.
</pre>
<!-- div : 자체만으로 의미가 없다
범위를 묶는데
-->
<div align="center">
<font size = "6"> 6 size font</font>
<h3> h3 태그 입니다</h3>
<p>p 태그입니다</p>
</div>
<div style="border-style: solid; border-color: blue; margin-left: 20px;
padding-top: 30px; background-color: red"
align ="center">
<!-- border-style 이건 선이다 박스같은 선-->
<!-- margin-left 밖의 여백의 왼쪽여백 창의 왼쪽에 여백이 생긴다-->
<!-- padding-top 박스 안쪽의 여백-->
<h1>이것은 제목입니다</h1>
<p>여기는 내용입니다</p>
</div>
</body>
</html>
728x90