Markdown Best Practice - 表格背景色,跨行表格

表格背景色

表格背景色和字体背景色的实现一样,参考另一篇文章《Markdown Best Practice - 字体颜色、背景色》中背景色部分。

举例解释:

<table><tbody>
    <tr>
        <th>方法说明</th><th>颜色名称</th><th>颜色</th>
    </tr>
    <tr>
        <td><font color="Coral">此处实现方法利用Markdown内嵌html语言的优势</font>
        </td>
        <td><font color="Coral">Coral</font>
        </td>
        <td bgcolor="Coral">rgb(255, 127, 80)
        </td>
    </tr>
    <tr>
        <td><font color="CornflowerBlue">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置</font>
        </td>
        <td><font color="CornflowerBlue">AntiqueWhite</font>
        </td>
        <td bgcolor="CornflowerBlue">rgb(100, 149, 237)
        </td>
    </tr>
</table>

呈现效果:

方法说明颜色名称颜色
此处实现方法利用Markdown内嵌html语言的优势 Coral rgb(255, 127, 80)
借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置 AntiqueWhite rgb(100, 149, 237)

跨行表格

跨行表格通过HTML的table标签实现。

实现方法:

<table><tbody>
    <tr>
        <th rowspan="3">合并三行</th>
        <th>第一列</th>
        <th>第二列</th>
        <th>第三列</th>
    </tr>
    <tr>
        <td>第二行</td>
        <td>第二行</td>
        <td>第二行</td>
    </tr>
    <tr>
        <td>第三行</td>
        <td>第三行</td>
        <td>第三行</td>
    </tr>
</table>  

实现效果:

合并三行第一列第二列第三列
第二行第二行第二行
第三行第三行第三行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值