html - HTML表:白色背景上的黑色背景tr

我想要一个具有tr作为黑色背景的表，该表具有白色背景。

<table width="560" cellspacing="0" cellpadding="0" border="0" style="background: #FFFFFF;margin: 0 auto !important; padding-left: 20px; padding-right: 20px; width:560px !important; line-height: 100% !important; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"  >
                            <tbody>
                            <tr>
                                <td>
                                    <table width="560" cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto !important; width:560px !important; line-height: 100% !important; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"  >
                                        <tbody>
                                        <tr>
                                            <td height="40" valign="top" align="center" style="width: 100%; background: #000000; text-align: left; padding-left: 40px; padding-top: 10px;">
                                                <span style="color: white;">5th Mar, 2016</span>

                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            </tbody>

                        </table>

我想要图像中显示的输出。



谢谢。

最佳答案

希望这可以帮助

HTML代码

<table width="560">
 <tbody>
    <tr>
        <td>
            <span>5th Mar, 2016</span>
        </td>
    </tr>
  </tbody>
</table>

CSS代码

table {
  background-color: #fff;
  padding: 5px
}

table, th, td {
 color: #fff;
  border: 1px solid black;
}

table tr {
  background-color: #000;
}