R2m1liA
ec9a097ef5
All checks were successful
deploy to server / build-and-deploy (push) Successful in 2m56s
- 增添table样式
96 lines
1.8 KiB
CSS
96 lines
1.8 KiB
CSS
.html-typography {
|
||
padding: 10px;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.html-typography h1 {
|
||
color: var(--el-color-primary);
|
||
font-size: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
.html-typography h2 {
|
||
color: var(--el-color-primary);
|
||
font-size: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
.html-typography h3 {
|
||
color: var(--el-color-primary);
|
||
font-size: 1.2em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
.html-typography p {
|
||
text-indent: 2em;
|
||
text-align: justify;
|
||
margin: 0.5em 0;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.html-typography ol {
|
||
list-style-type: decimal;
|
||
padding-left: 2em;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.html-typography ul {
|
||
list-style-type: disc;
|
||
padding-left: 2em;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
.html-typography hr {
|
||
border: none;
|
||
border-top: 1px solid var(--el-border-color);
|
||
margin: 20px 0;
|
||
}
|
||
|
||
/* 表格基础样式 */
|
||
.html-typography table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
border: 1px solid var(--el-border-color);
|
||
margin: 1em 0;
|
||
table-layout: auto;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* 单元格通用样式 */
|
||
.html-typography th,
|
||
.html-typography td {
|
||
border: 1px solid var(--el-border-color);
|
||
padding: 8px 12px;
|
||
text-align: left;
|
||
vertical-align: middle;
|
||
word-break: break-word;
|
||
}
|
||
|
||
/* 表头样式 */
|
||
.html-typography th {
|
||
background-color: var(--el-fill-color-light);
|
||
color: var(--el-text-color-primary);
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* 行 hover 效果 */
|
||
.html-typography tbody tr:hover {
|
||
background-color: var(--el-fill-color-light-hover);
|
||
}
|
||
|
||
/* 交替行背景 */
|
||
.html-typography tbody tr:nth-child(odd) {
|
||
background-color: var(--el-fill-color-lighter);
|
||
}
|
||
|
||
/* 表格标题（如有 caption） */
|
||
.html-typography table caption {
|
||
caption-side: top;
|
||
text-align: left;
|
||
padding: 8px 0;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
color: var(--el-text-color-primary);
|
||
}
|