modified: date.html

modified:   styles.css
This commit is contained in:
IrisVega 2024-07-10 16:09:26 +08:00
parent aa786a5733
commit 517081412b
2 changed files with 15 additions and 2 deletions

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>

View File

@ -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 {