html - 为表格中的整行着色，没有边框

Question

是否可以为 html 表格中的整行着色而不是边框​​的“中断”或间隙？

到目前为止我有这张表:

<table width="500px">
    <tr bgcolor="pink">
        <td>Nombre blog</td>
        <td>Autora</td>
        <td>Idioma</td>
    </tr>
    <tr>
        <td>The Blonde Salad</td>
        <td>Chiara Ferragni</td>
        <td>Italiano</td>
    </tr>
     <tr bgcolor="mistyrose">
       <td>The Pioneer Woman</td>
        <td>Ree Drummond</td>
        <td>Inglés</td>
    </tr>
    <tr>
       <td>La Tartine Gourmande</td>
        <td>Béatrice Peltre</td>
        <td>Francés</td>
    </tr>
    <tr bgcolor="mistyrose">
       <td>Objetivo Cupcake Perfecto</td>
        <td>Alma Obregón</td>
        <td>Español</td>
    </tr>
</table>

您可以在这个 fiddle 中看到:http://jsfiddle.net/ncsmzmch/

如您所见，列之间有一个白色间隙。如果我放置一个边框或什至折叠的边框，那个间隙显然会消失，因为它被线(边框)填充了。

但我想让行保持彩色，但全部排成一行，没有间隙，也没有边框。

这能实现吗？谢谢!

Answer 1

当然，添加一个 border-collapse规则:

table {
    border-collapse:collapse;
}

jsFiddle example

table {
    border-collapse:collapse;
}

<table width="500px">
    <tr bgcolor="pink">
        <td>Nombre blog</td>
        <td>Autora</td>
        <td>Idioma</td>
    </tr>
    <tr>
        <td>The Blonde Salad</td>
        <td>Chiara Ferragni</td>
        <td>Italiano</td>
    </tr>
    <tr bgcolor="mistyrose">
        <td>The Pioneer Woman</td>
        <td>Ree Drummond</td>
        <td>Inglés</td>
    </tr>
    <tr>
        <td>La Tartine Gourmande</td>
        <td>Béatrice Peltre</td>
        <td>Francés</td>
    </tr>
    <tr bgcolor="mistyrose">
        <td>Objetivo Cupcake Perfecto</td>
        <td>Alma Obregón</td>
        <td>Español</td>
    </tr>
</table>