Question

我想在一张桌子里面有一张tr作为黑色背景的桌子，这张桌子有白色背景。

＆＃13;

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

＆＃13;

我希望输出显示在图像中。

谢谢。

Answer 1

我已经解决了这个问题。如果这有帮助，请告诉我。感谢。

链接：https://jsfiddle.net/rdg3gkL1/

＆＃13;

table {
  width: 560px;
  background: white;
  border-style: solid;
  border-width: 10px;
  border-color: white;
}
td {
  background: black;
  color: white;
  padding: 15px;
}

＆＃13;

<table>
  <tr>
    <td>5th Mar, 2016</td>
  </tr>
</table>

＆＃13;

Answer 2

希望这有助于

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

HTML表：在白色背景的黑背景tr

2 个答案: