|
|
| 第13行： |
第13行： |
| width: 90%; | | width: 90%; |
| text-align: center; /* 整体居中对齐 */ | | 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; /* 顶部对齐 */
| |
| border-right: 2px solid #503a6b; /* 添加右侧边框，区分表头和内容 */
| |
| position: relative; /* 为可能的装饰元素做准备 */
| |
| }
| |
| .wikitable th:after {
| |
| content: '';
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| width: 2px;
| |
| height: 100%;
| |
| background: rgba(80, 58, 107, 0.5);
| |
| box-shadow: 0 0 8px rgba(80, 58, 107, 0.8);
| |
| }
| |
| .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%;
| |
| } | | } |
/* 这里放置的CSS将应用于所有皮肤 */
/* 美化所有wikitable类的表格 */
.wikitable {
display: flex;
flex-direction: column;
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; /* 整体居中对齐 */
}
