Next修改表格样式

出于对Next主题中自带表格灰白条纹的无限嫌弃，以及Markdown语法中无法对表格整体宽度进行限制，故通过css对表格属性进行额外的设置。包含表格背景颜色、宽度、边框线宽度及颜色、整体宽度及位置等进行设置。

1.插入位置

出于对不同表格可能有不同需求的情况，仅针对单篇文章进行设置。故配置代码放置于需要设置的.md 文件内。如下图所示。

2.源代码

文件位置：~source\_posts\xxx.md

<style>
th, td {
    border-bottom: 1px solid #ddd;        ##表格横线宽度及配色
    border-right: 1px solid #eee;         ##表格竖线宽度及配色
    background-color: #fff;               ##单元格背景颜色
}
table {
    margin: 20px 0;
    width: 80%;                            ##表格整体宽度占比
    font-size: 18px;
    border: 1px solid #ddd;                ##表格外边框宽度及颜色
    margin: auto;                          ##表格在页面中的位置
}
</style>

3.代码示意

其中<style> </style> 为引入某一样式。属于html中的样式引入。其余内容，均取自原样式表中。可从浏览器F12 下styles中提取。可先在浏览器中进行测试。如下图所示。

4.参考链接

W3school中：css表格