code61
diff --git a/‎exercise1.html
Lines changed: 38 additions & 0 deletions b/‎exercise1.html
Lines changed: 38 additions & 0 deletions
diff --git a/‎exercise1_solution.png
33.4 KB b/‎exercise1_solution.png
33.4 KB
@@ -0,0 +1,38 @@
+<DOCTYPE html!>
+<html>
+    <head>
+        <title>CSS Exercises 1</title>
+        <style>
+            p { 
+                color: blue;
+                font-family: 'Helvetica';
+                font-size: 16px;}
+            h1 {color: red;}
+            ul li {background-color: yellow;}
+            h2 {color: green; background-color: orange;}
+            ol li {background-color: teal;}
+        </style>
+    </head>
+    <body>
+        <h1>Make me red!</h1>
+
+        <p>I am a paragraph I should be blue, Helvetica, size 16px.</p>
+
+        <ul>
+            <li>This is an unordered list.</li>
+            <li>All items in this list should have a yellow background.</li>
+            <li>Just the items though - not the whole list!</li>
+        </ul>
+
+        <h2>Make me green on an orange background</h2>
+
+        <p>I am a paragraph I should be blue, Helvetica, size 16px.</p>
+
+        <ol>
+            <li>This is an ordered list.</li>
+            <li>All items in this list should have a fuscia background.</li>
+            <li>Just the items thought - not the whole list!</li>
+        </ol>
+
+    </body>
+</html>