css/t1.css

@@ -3,20 +3,28 @@ body {
     font-family: Arial, sans-serif;
     background-color: white;
     color: black;
-    margin: 500;
+    margin: 0;
     padding: 20px;
 }
 
-
+h1, h2, h3 {
+    font-family: "Times New Roman", serif;
+    text-align: left;
+    color: #333;
+}
 
 button {
-    padding: 5px 15px;
+    padding: 5px 10px;
     border: 1px solid #000;
     background-color: white;
     cursor: pointer;
 }
 
-
+img {
+    width: 100%;
+    height: auto;
+    border: 0;
+}
 
 table {
     width: 100%;
@@ -24,3 +32,7 @@ table {
     border: 1px solid #000;
 }
 
+td, th {
+    padding: 5px;
+    text-align: left;
+}

css/t2.css

@@ -1,26 +1,19 @@
 /* t2.css - HTML+ */
 body {
-    font-family: Arial, sans-serif;
+    font-family: Verdana, sans-serif;
-    background-color: #f55555;
+    background-color: #f4f4f4;
-    color: #333333;
+    color: #333;
-    margin: 10;
+    margin: 0;
     padding: 20px;
 }
 
-output {
-    color: aqua;
-    font-size: 75px;
-    border:dotted #00ff62;
-    border-radius: 14px;
-}
 
 button {
     padding: 8px 15px;
     border: 1px solid #ddd;
-    background-color: #0206ff;
+    background-color: #ddd;
     cursor: pointer;
     border-radius: 5px;
-    color: #ddd;
 }
 
 button:hover {
@@ -33,19 +26,14 @@ img {
     border-radius: 5px;
 }
 
-th {
-    font-family:Impact;
-    color: rgb(77, 230, 143);
-}
-
 table {
     width: 100%;
     border-collapse: collapse;
-    border: 15px solid #e99d0f;
+    border: 1px solid #ddd;
 }
 
 td, th {
     padding: 8px;
     text-align: left;
-    border: 8px solid #fc04fc;
+    border: 1px solid #ddd;
 }

css/t3.css

@@ -8,12 +8,16 @@ body {
     background-image: url(codevert.jpg);
 }
 
-
+h1, h2, h3 {
+    font-family: 'Arial', sans-serif;
+    text-align: left;
+    color: #2c3e50;
+}
 
 button {
     padding: 10px 20px;
     border: none;
-    background-color: #fc3e04;
+    background-color: #3498db;
     color: white;
     cursor: pointer;
     border-radius: 10px;
@@ -21,7 +25,7 @@ button {
 }
 
 button:hover {
-    background-color: #ff9900;
+    background-color: #2980b9;
 }
 
 img {

css/t4.css

@@ -17,7 +17,7 @@ h1, h2, h3 {
 button {
     padding: 12px 25px;
     border: none;
-    background-color: #fc3e04;
+    background-color: #1abc9c;
     color: white;
     cursor: pointer;
     border-radius: 12px;