更多操作
无编辑摘要 |
无编辑摘要 |
||
第8行: | 第8行: | ||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); | box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); | ||
border-collapse: collapse; | border-collapse: collapse; | ||
margin: 1em auto; | margin: 1em auto; /* 这里的auto会使表格水平居中 */ | ||
width: 90%; | width: 90%; | ||
text-align: center; /* 整体居中对齐 */ | |||
} | } | ||
/* 表格头放在左侧的样式 */ | |||
.wikitable th { | .wikitable th { | ||
background: #2d2039; | background: #2d2039; | ||
第19行: | 第21行: | ||
font-weight: normal; | font-weight: normal; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
border-bottom: | border-bottom: 1px solid #3a2b4d; | ||
width: 25%; /* 设置表头宽度 */ | |||
vertical-align: top; /* 顶部对齐 */ | |||
} | } | ||
第25行: | 第29行: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
border-bottom: 1px solid #3a2b4d; | border-bottom: 1px solid #3a2b4d; | ||
text-align: left; /* 单元格内容左对齐 */ | |||
} | } | ||
第33行: | 第38行: | ||
.wikitable tr:nth-child(even) { | .wikitable tr:nth-child(even) { | ||
background: rgba(37, 28, 48, 0.5); | background: rgba(37, 28, 48, 0.5); | ||
} | |||
/* 额外添加确保表格在页面中居中的样式 */ | |||
.content, .mw-body { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
/* 确保表格容器宽度充分 */ | |||
.mw-parser-output { | |||
width: 100%; | |||
} | } |
2025年3月3日 (一) 13:10的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* 美化所有wikitable类的表格 */
.wikitable {
background-color: #1d1626;
color: #e0e0e0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
border-collapse: collapse;
margin: 1em auto; /* 这里的auto会使表格水平居中 */
width: 90%;
text-align: center; /* 整体居中对齐 */
}
/* 表格头放在左侧的样式 */
.wikitable th {
background: #2d2039;
color: #fff;
padding: 12px 15px;
text-align: left;
font-weight: normal;
letter-spacing: 1px;
border-bottom: 1px solid #3a2b4d;
width: 25%; /* 设置表头宽度 */
vertical-align: top; /* 顶部对齐 */
}
.wikitable td {
padding: 10px 15px;
border-bottom: 1px solid #3a2b4d;
text-align: left; /* 单元格内容左对齐 */
}
.wikitable tr:hover td {
background: rgba(80, 58, 107, 0.2);
}
.wikitable tr:nth-child(even) {
background: rgba(37, 28, 48, 0.5);
}
/* 额外添加确保表格在页面中居中的样式 */
.content, .mw-body {
display: flex;
flex-direction: column;
align-items: center;
}
/* 确保表格容器宽度充分 */
.mw-parser-output {
width: 100%;
}