html中table为每个单元格设置不同颜色和宽度

前端技术 2023/09/05 HTML
建议最好不要在table里面直接设置宽度，高度等，经常会出现设置的并没有生效的情况，

而如果是在style里面添加设置，就不会有问题，代码直接拷贝到body中间即可使用。

复制代码
代码如下:

<table cellspacing=\"0\" style=\"color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center\">
<tr >
<td bgcolor=\"e91e6f\"; style=\" width:196px;\">01</td>
<td bgcolor=\"224071\"; style=\" width:196px;\">02</td>
<td bgcolor=\"f12339\"; style=\" width:196px;\">03 </td>
<td bgcolor=\"1ea27e\"; style=\" width:196px;\">04</td>
<td bgcolor=\"224071\"; style=\" width:196px;\">05</td>
</tr>
<tr>
<td bgcolor=\"1ea27e\">06</td>
<td bgcolor=\"e91e6f\">07</td>
<td bgcolor=\"224071\">08</td>
<td bgcolor=\"f12339\">09 </td>
<td bgcolor=\"1ea27e\">10</td>
</tr>
<tr>
<td bgcolor=\"e91e6f\">11</td>
<td bgcolor=\"224071\">12</td>
<td bgcolor=\"f12339\">13</td>
<td bgcolor=\"1ea27e\">14 </td>
<td bgcolor=\"224071\">15</td>
</tr>
<tr>
<td bgcolor=\"1ea27e\">16</td>
<td bgcolor=\"e91e6f\">17</td>
<td bgcolor=\"224071\">18</td>
<td bgcolor=\"f12339\"></td>
<td bgcolor=\"1ea27e\"></td>
</tr>
</table>


效果图：

本文地址：https://www.stayed.cn/item/12252

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案