modified: styles.css

modified:   test.html
This commit is contained in:
IrisVega 2024-07-10 16:07:15 +08:00
parent 40532b4e7b
commit aa786a5733
2 changed files with 46 additions and 28 deletions

View File

@ -4,6 +4,7 @@
/* 选项卡按钮样式 */ /* 选项卡按钮样式 */
.tab { .tab {
display: flex;
overflow: hidden; overflow: hidden;
border: 1px solid #ff69b4; /* 粉色边框 */ border: 1px solid #ff69b4; /* 粉色边框 */
background-color: #ffc0cb; /* 粉色背景 */ background-color: #ffc0cb; /* 粉色背景 */
@ -136,3 +137,19 @@ span {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
} }
#tab-container {
display: flex;
overflow-x: auto;
white-space: nowrap;
}
/* .tab {
display: flex;
} */
.tablinks {
display: inline-block;
padding: 10px;
border: 1px solid #ccc;
cursor: pointer;
}

View File

@ -12,6 +12,7 @@
<input type="range" id="mySlider" min="0" max="100" value="50"> <input type="range" id="mySlider" min="0" max="100" value="50">
<span id="sliderValue">50</span> <span id="sliderValue">50</span>
</div> </div>
<div class="tab-container">
<div class="tab"> <div class="tab">
<button class="tablinks" data-tab="Tab0">日历</button> <button class="tablinks" data-tab="Tab0">日历</button>
<button id="addTab" class="addTab">+</button> <button id="addTab" class="addTab">+</button>