The editors' meeting has been canceled for technical reasons.
Template:Tabs/styles.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 标签:手工回退 |
无编辑摘要 标签:手工回退 |
||
(未显示同一用户的8个中间版本) | |||
第1行: | 第1行: | ||
/* | /* 标签容器整体样式 */ | ||
.tabs-container { | |||
font-family: Arial, sans-serif; | |||
margin: 20px; | |||
} | |||
. | |||
/* 标签按钮样式 */ | |||
.tabs-buttons { | |||
display: flex; | |||
border-bottom: 2px solid #ccc; | |||
} | |||
.tab-button { | |||
padding: 10px 20px; | |||
cursor: pointer; | |||
. | font-size: 16px; | ||
color: #333; | |||
background-color: #f8f8ff; | |||
border: 1px solid #ccc; | |||
border-bottom: none; | |||
transition: background-color 0.3s, color 0.3s; | |||
} | |||
.tab-button:hover { | |||
background-color: #e0e0ff; | |||
color: #000; | |||
} | |||
/* 选中的标签按钮高亮 */ | |||
.tab-button.active { | |||
background-color: #0078d7; | |||
color: white; | |||
border-bottom: 2px solid #0078d7; | |||
} | |||
/* 标签内容样式 */ | |||
.tabs-contents { | |||
border: 1px solid #ccc; | |||
background-color: #f8f8ff; | |||
padding: 20px; | |||
. | } | ||
.tab-content { | |||
display: none; | |||
} | |||
.tab-content.active { | |||
display: block; | |||
. | |||
. | |||
} | } | ||
2025年3月1日 (六) 20:26的最新版本
/* 标签容器整体样式 */ .tabs-container { font-family: Arial, sans-serif; margin: 20px; } /* 标签按钮样式 */ .tabs-buttons { display: flex; border-bottom: 2px solid #ccc; } .tab-button { padding: 10px 20px; cursor: pointer; font-size: 16px; color: #333; background-color: #f8f8ff; border: 1px solid #ccc; border-bottom: none; transition: background-color 0.3s, color 0.3s; } .tab-button:hover { background-color: #e0e0ff; color: #000; } /* 选中的标签按钮高亮 */ .tab-button.active { background-color: #0078d7; color: white; border-bottom: 2px solid #0078d7; } /* 标签内容样式 */ .tabs-contents { border: 1px solid #ccc; background-color: #f8f8ff; padding: 20px; } .tab-content { display: none; } .tab-content.active { display: block; }