IrisVega/test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modified: date.html

Browse Source 
modified:   styles.css
This commit is contained in:
IrisVega 2024-07-10 17:00:31 +08:00
parent ec90cc8817
commit 9d4c55b323
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
date.html
View File

@ -8,7 +8,7 @@
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;"> <body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;">
<button class="closeButton" id="closeButton">x</button> <button class="closeButton2" id="closeButton">x</button>
<h3>你选择的日期为：</h3> <h3>你选择的日期为：</h3>
<div id="selectedDate">No date selected</div> <div id="selectedDate">No date selected</div>
<script src="script.js"></script> <script src="script.js"></script>

19
styles.css
View File

@ -4,7 +4,7 @@
/* 选项卡按钮样式 */ /* 选项卡按钮样式 */
.tab { .tab {
display: inline-flex; display: flex;
overflow: hidden; overflow: hidden;
border: 1px solid #ff69b4; /* 粉色边框 */ border: 1px solid #ff69b4; /* 粉色边框 */
background-color: #ffc0cb; /* 粉色背景 */ background-color: #ffc0cb; /* 粉色背景 */
@ -58,7 +58,7 @@
/* 删除按钮样式 */ /* 删除按钮样式 */
.closeButton { .closeButton {
background-color: rgba(255, 255, 255, 0); /* 粉色背景 */ background-color: rgba(255, 255, 255, 0); /* 白色背景 */
color: #fff; /* 白色文字 */ color: #fff; /* 白色文字 */
border: none; border: none;
outline: none; outline: none;
@ -71,7 +71,20 @@
.closeButton:hover { .closeButton:hover {
background-color: rgba(255, 255, 255, 0.5); /* 深粉色背景 */ background-color: rgba(255, 255, 255, 0.5); /* 深粉色背景 */
} }
.closeButton2 {
background-color: #ff69b4; /* 白色背景 */
color: #fff; /* 白色文字 */
border: none;
outline: none;
cursor: pointer;
padding: 5px 10px;
transition: 0.3s;
font-size: 12px; /* 调整字体大小 */
}
.closeButton2:hover {
background-color: #ff1493; /* 深粉色背景 */
}
img { height: auto; width: auto\9; width:28%; } img { height: auto; width: auto\9; width:28%; }
.cldBody { .cldBody {
@ -138,7 +151,7 @@ span {
font-weight: bold; font-weight: bold;
} }
#tab-container { #tab-container {
width: 100%; /* 或者您希望的固定宽度 */ display: flex;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
} }