如何摆脱降价中的表格边框?

Ton*_*Man 3 html css markdown

这是我的降价代码

|Time  | Length | Speed   | Mass |    
|  --- | ---  | ---      | ---      |
|   -Millisecond   |  Millimetre  | Kilometre per hour | Milligram |   
|    Second   |   Centimetre   |  Foot per second |     Gram     |  
|     Minute  |     Inch |     Miles per hour     |    Ounce      |     
|   Hour   |    Foot  |       Knot   |        Pound  |  
|       Day    |   Yard   |   Metre per second       |    Kilogram      |  
|     Week  |    Metre  |          |   Us ton       |  
|     Month  |    Kilometre  |          |Tonne          |  
|     Year  |     Mile |          |        Imperial ton  |  
|      Decade |     Nautical mile |          |          |  
|  Century     |      |          |          |  
|   Millennium    |      |          |          |  
Run Code Online (Sandbox Code Playgroud)

我想知道是否有可能使桌子没有边框。

谢谢

小智 14

您可以尝试在 Markdown 文件的顶部添加一个标签,其中包含删除和元素<style>边框的规则。<td><tr>

但不幸的是,我注意到它只能在本地预览时使用。Github清理内联样式和脚本标签

<style>
td, th {
   border: none!important;
}
</style>


| Time         | Length        | Speed              | Mass         |
| ------------ | ------------- | ------------------ | ------------ |
| -Millisecond | Millimetre    | Kilometre per hour | Milligram    |
| Second       | Centimetre    | Foot per second    | Gram         |
| Minute       | Inch          | Miles per hour     | Ounce        |

Run Code Online (Sandbox Code Playgroud)

截屏

  • 为什么它在 GitHub 网站上不起作用? (2认同)

bla*_*ami 8

Markdown 本身没有隐藏表格边框的机制。您可以为生成的 HTML 覆盖表格 CSS 样式,但这只有在您有权访问 CSS 时才有效。

对于像 Github 这样的服务,CSS 样式由服务所有者预定义并且无法覆盖,表格边框根本无法隐藏。