調整樣式

css/style.css

@@ -1,3 +1,7 @@
+html {
+    background-image: url("../img/background.jpg");
+}
+
 table {
     background-color: #ffffffbb;
     border-style: solid;
@@ -15,29 +19,27 @@ hr {
     border: 1px solid #2c6a99;
 }
 
+/* 未訪問超連結 */
 a:link {
     color: #000000;
 }
 
-/* 未訪問超連結 */
-
+/* 已訪問超連結 */
 a:visited {
     color: #000000;
 }
 
-/* 已訪問超連結 */
-
+/* 滑鼠移動到超連結上 */
 a:hover {
     color: #1070c4;
+    background-color: #ffffff;
 }
 
-/* 滑鼠移動到超連結上 */
-
+/* 滑鼠點選時 */
 a:active {
     color: #0d5da3;
 }
 
-/* 滑鼠點選時 */
 
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
     font-family: 'Arial', system-ui;
@@ -48,6 +50,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
 }
 
 .centerText {
+    font-family: 'Arial', system-ui;
     text-align: center;
     font-weight: bold;
 }
@@ -86,8 +89,6 @@ input[type="date"] {
     color: #000000;
     border-style: solid;
     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
 }
 
@@ -107,7 +108,6 @@ 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-family: 'Arial', system-ui;
     color: #ffffff;
     text-decoration: none;
@@ -141,7 +141,6 @@ button:active {
     background: -moz-linear-gradient(top, #ff4a4a, #a30d0d);
     background: linear-gradient(to bottom, #ff4a4a, #a30d0d);
     text-shadow: #591717 1px 1px 1px;
-    /*font: normal normal bold 15px arial;*/
     font-family: 'Arial', system-ui;
     color: #ffffff;
     text-decoration: none;
@@ -165,10 +164,12 @@ button:active {
 
 .center {
     width: fit-content;
-    height: 40px;
     margin: 0 auto;
 }
 
-html {
-    background-image: url("../img/background.jpg");
+.autosize-text {
+    font-size: 5vw;
+    font-family: 'Arial', system-ui;
+    text-align: center;
+    font-weight: bold;
 }