From fcf61f9294d2cc076dfe77dc31d7b37eec5249de Mon Sep 17 00:00:00 2001 From: p8xfa5jzv <3043724297@qq.com> Date: Sat, 12 Oct 2024 21:00:41 +0800 Subject: [PATCH] ADD file via upload --- styles.css | 79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..e01427a --- /dev/null +++ b/styles.css @@ -0,0 +1,79 @@ +/* 基础样式 */ +body { + font-family: Arial, sans-serif; + background-color: #f0f8ff; /* 淡蓝色背景 */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + padding: 0; +} + +/* 容器样式 */ +.container { + max-width: 600px; + margin: auto; + padding: 20px; + border: 1px solid #ccc; + background-color: white; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* 标题样式 */ +h1 { + text-align: center; + font-size: 28px; + margin-bottom: 20px; +} + +/* 表格样式 */ +table { + width: 100%; + border-collapse: collapse; + margin-bottom: 20px; +} + +th, td { + border: 1px solid #ddd; + padding: 8px; + text-align: center; +} + +th { + background-color: #f2f2f2; +} + +/* 按钮样式 */ +button, .btn { + display: block; + margin: 20px auto; + background-color: #4CAF50; + color: white; + padding: 10px 20px; + border-radius: 5px; + border: none; + text-decoration: none; + font-size: 16px; + text-align: center; + transition: background-color 0.3s ease; + cursor: pointer; +} + +button:hover, .btn:hover { + background-color: #45a049; +} + +/* 按钮组 */ +.button-group { + display: flex; + justify-content: space-around; +} + +/* 居中显示 */ +p { + font-size: 18px; + text-align: center; + margin-bottom: 15px; +}