如何去掉 markdown 中的 table 边框？

Question

这是我的降价代码

|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    |      |          |          |

我想知道是否可以让 table 没有边框。

谢谢

Answer 1

Markdown 本身没有隐藏 table 边框的机制。您可以为生成的 HTML 覆盖 table CSS 样式，但这只有在您有权访问 CSS.

时才有效

对于像 Github 这样的服务，其中 CSS 样式由服务所有者预定义且无法覆盖，table 边框根本无法隐藏。

Answer 2

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

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

<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        |

Answer 3

只需添加：

<style>
table {
    border-collapse: collapse;
}
table, th, td {
   border: 1px solid black;
}
blockquote {
    border-left: solid blue;
    padding-left: 10px;
}
</style>

| Column One    | Column Two    |                                                                                                                                                   
| ---           | ---           |                                                                                                                                                   
| data cell one | data cell two |

您将获得一个漂亮的函数table，其中包含所有单元格的所有边框。

如何去掉 markdown 中的 table 边框？

How to get rid of table borders in markdown?

html

css

markdown