From 4b85661745b0968740e3e0cb89d86c4acc6c90e9 Mon Sep 17 00:00:00 2001
From: S170H <64917343+S170H@users.noreply.github.com>
Date: Thu, 19 Oct 2023 22:36:53 +0200
Subject: [PATCH] Finish 9

---
 M1/{ => beispiele}/css_table.html | 52 +++++++++++++++++++++++++++++++
 M1/beispiele/m1_8a_text.html      |  8 ++---
 2 files changed, 56 insertions(+), 4 deletions(-)
 rename M1/{ => beispiele}/css_table.html (71%)
diff --git a/M1/css_table.html b/M1/beispiele/css_table.html
similarity index 71%
rename from M1/css_table.html
rename to M1/beispiele/css_table.html
index d2f4316..eb7f498 100644
--- a/M1/css_table.html
+++ b/M1/beispiele/css_table.html
@@ -4,7 +4,59 @@
     <meta charset="UTF-8">
     <title>CSS Übung</title>
     <style>
+        body {
+            font-family: Arial;
+        }
 
+        a {
+            color: darkorange;
+            font-weight: bold;
+            text-decoration-line: none;
+        }
+
+        p.center {
+            text-align: center;
+        }
+
+        table {
+            border: 3px solid #ecc3a4;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        td {
+            border: 3px solid white;
+        }
+
+        thead tr th {
+            background: #faebd7;
+        }
+
+        tbody tr:nth-child(even) {
+            background: #faebd7;
+        }
+
+        ol {
+            line-height: 40px;
+        }
+
+        footer {
+            border-top: 3px solid #ecc3a4;
+        }
+
+        ul {
+            float: right;
+        }
+
+        ul li {
+            display: inline;
+            padding-left: 20px;
+            padding-right: 20px;
+        }
+
+        ul li:not(:first-child) {
+            border-left: 3px solid #ecc3a4;
+        }
     </style>
 </head>
 <body>
diff --git a/M1/beispiele/m1_8a_text.html b/M1/beispiele/m1_8a_text.html
index 0cf3c2b..095f545 100644
--- a/M1/beispiele/m1_8a_text.html
+++ b/M1/beispiele/m1_8a_text.html
@@ -2,20 +2,20 @@
 <html lang="en">
 <head>
     <style>
-        h1 {
+        body {
             font-family: Arial;
+
+        }
+        h1 {
             text-decoration-line: underline;
         }
         .untertitel {
-            font-family: Arial;
             font-style: italic;
         }
         .haupt {
-            font-family: Arial;
             font-weight: bold;
         }
         .beilage {
-            font-family: Arial;
             font-weight: normal;
             color: green;
         }
