From 1aec0a41bd4e870039fac8edfd9fcfb81952b26d Mon Sep 17 00:00:00 2001 From: pex9zbypt <1376195416@qq.com> Date: Fri, 11 Oct 2024 20:55:25 +0800 Subject: [PATCH] ADD file via upload --- styles.css | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..a268dfd --- /dev/null +++ b/styles.css @@ -0,0 +1,66 @@ +html, body { + height: 100%; /* 确保 body 和 html 高度为 100% */ + margin: 0; + padding: 0; +} + +body { + font-family: Arial, sans-serif; + background-image: url('background.jpg'); /* 替换为你自己的背景图路径 */ + background-size: cover; /* 让背景图完全覆盖整个页面 */ + background-position: center center; /* 背景图片居中显示 */ + background-attachment: fixed; /* 背景图固定 */ + background-repeat: no-repeat; /* 防止背景图重复 */ + color: #333; + display: flex; /* 使用 flex 布局来确保内容在页面中间显示 */ + justify-content: center; /* 横向居中 */ + align-items: center; /* 纵向居中 */ + height: 100vh; /* 设置 body 高度为视窗的高度 */ +} + +.container { + width: 90%; + max-width: 600px; + margin: auto; + background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */ + padding: 20px; + border-radius: 10px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +h1 { + text-align: center; +} + +button { + display: block; + width: 100%; + padding: 10px; + margin-top: 10px; + font-size: 16px; + cursor: pointer; + border: none; + border-radius: 5px; + background-color: #007bff; + color: white; +} + +button.hidden { + display: none; +} + +table { + width: 100%; + border-collapse: collapse; + margin-top: 20px; +} + +th, td { + border: 1px solid #ddd; + padding: 8px; + text-align: center; +} + +th { + background-color: #f2f2f2; +}