調整樣式及加入背景

css/style.css

@@ -1,4 +1,5 @@
 table {
+    background-color: #ffffffbb;
     border-style: solid;
     border-width: 2px;
     border-collapse: collapse;
@@ -81,6 +82,7 @@ h4 {
 h5 {
     text-align: center;
     font-weight: bold;
+    font-family: 'Arial', system-ui;
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
@@ -90,6 +92,7 @@ h5 {
 h6 {
     text-align: center;
     /*font-weight: bold;*/
+    font-family: 'Arial', system-ui;
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
@@ -114,6 +117,7 @@ input[type="text"], input[type="number"] {
     box-sizing: border-box;
     border-style: solid;
     border-radius: 5px;
+    font-family: 'Arial', system-ui
 }
 
 input[type="text"], input[type="number"] {
@@ -131,19 +135,13 @@ input[type="date"] {
     border-radius: 5px;
     box-shadow: 0px 0px 5px rgba(66,66,66,.75);
     text-shadow: -50px 0px 0px rgba(66,66,66,.0);
+    font-family: 'Arial', system-ui
 }
 
 input[type="date"] {
     outline:none;
 }
 
-/*button {
-    width: auto;
-    height: 30px;
-    font-weight: bold;
-    font-family: 'Arial', system-ui
-}*/
-
 button {
     display: inline-block;
     text-align: center;
@@ -156,7 +154,8 @@ button {
     background: -moz-linear-gradient(top, #4ab1ff, #0d5da3);
     background: linear-gradient(to bottom, #4ab1ff, #0d5da3);
     text-shadow: #591717 1px 1px 1px;
-    font: normal normal bold 15px arial;
+    /*font: normal normal bold 15px arial;*/
+    font-family: 'Arial', system-ui;
     color: #ffffff;
     text-decoration: none;
 }
@@ -182,3 +181,12 @@ button:active {
     height: 40px;
     margin: 0 auto;
 }
+
+body {
+    background-image: url("../img/background.jpg");
+}
+
+label {
+    font-family: 'Arial', system-ui;
+    font-weight: bold;
+}