기본 박스 모델

2024-06-21 15:23:37 +09:00
parent 99551ff1a5
commit ec370fdeee
1 changed files with 28 additions and 0 deletions
--- a/positioning/3-2/default.html
+++ b/positioning/3-2/default.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
+    <style>
+        .box1 {
+            width: 100px;
+            border-color: purple;
+            border-width: 10px;
+            border-style: solid;
+            padding: 20px 20px;
+            margin: 20px 20px;
+        }
+        .box2 {
+            border-color: powderblue;
+            border-width: 20px;
+            border-style: solid;
+            padding: 50px 50px;
+            margin: 100px 100px;
+        }
+    </style>
+</head>
+<body>
+    <div class="box1">Box1</div>
+    <div class="box2">Box2</div>
+</body>
+</html>