jinghu-moon / typora-see-yue-theme

See Yue 系列主题是一个自定义样式极多、简约、充满细节的 Typora 主题。(The See Yue series theme is a Typora theme with a plethora of custom styles, minimalism, and full of details.)

Home Page:https://theme.typora.io/theme/see-yue/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML生成的表格显示有误

Aurora-kite opened this issue · comments

使用HTML生成的表格有误,表现为边框不全(缺失表格边框)

大佬的see-yue主题下HTML表格显示🥰

image

Typora自带的Github主题下HTML表格显示

image

HTML代码

<table>
	<tr>
		<td>小王</td>
		<td>小小王</td>
	<tr>
	<tr>
		<td colspan="2">隔壁老王</td>
	<tr>
</table>
<table>
	<tr>
		<td>车神</td>
		<td>名车</td>
	</tr>
	<tr>
		<td rowspan="2">隔壁老王</td>
		<td>自行车</td>
	</tr>
	<tr>
		<td>电瓶车</td>
	</tr>
</table>
<table>
    <tr>
        <th>11</th><th>22</th><th>33</th>
    </tr>
    <tr>
        <td rowspan="3">1班</td><td>语文</td><td>95</td>
    </tr>
    <tr>
        <td>数学</td><td>96</td>
    </tr>
    <tr>
        <td>英语</td><td>92</td>
    </tr>
</table>

恳请大佬修复后的效果😘💕

①修复边框,能显示完全
②表格的奇偶数行有不同底色

补充一下其他两个主题的显示效果(皆为HTML生成的表格)😁

image
image

问题 1:这个不好改。我的主题设置表格外边框是通过 box-shadow 实现的。你的 HTML 表格,我无法确认表格第一行、最后一行的形态,我就不能设置它的样式。

问题 2:奇偶数行颜色,在 xxxx-config.css 里搜索 --table-tbody-oddNum-line-bg-color,按提示修改。

问题 1:这个不好改。我的主题设置表格外边框是通过 box-shadow 实现的。你的 HTML 表格,我无法确认表格第一行、最后一行的形态,我就不能设置它的样式。

问题 2:奇偶数行颜色,在 xxxx-config.css 里搜索 --table-tbody-oddNum-line-bg-color,按提示修改。
image

那加上其他的CSS属性呢,比如border或者outline 👀

使用 border 设置边框可以,但是这样的边框加上 border-radius,就是显得很难看(外边框宽度不一致,四个角显得略窄)。而使用 box-shadow 模拟边框不会出现这种情况。