summaryrefslogtreecommitdiffstats
path: root/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html
diff options
context:
space:
mode:
Diffstat (limited to 'HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html')
-rw-r--r--HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html27
1 files changed, 27 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html
new file mode 100644
index 0000000..5adac06
--- /dev/null
+++ b/HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/6.2.boxborder.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>Examples of the Box Model</title>
+ <meta charset="utf-8">
+ <style>
+body { background-color: #FFFFFF;
+}
+h1 { background-color: #D1ECFF;
+ padding-left: 60px;
+ border-bottom: 3px ridge #330000;
+}
+#box { background-color: #74C0FF;
+ margin-left: 60px;
+ padding: 5px 10px;
+ border: 1px solid #000000;
+}
+ </style>
+ </head>
+ <body>
+ <h1>Examples of the Box Model</h1>
+ <div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
+
+
+
+ </body>
+</html>