设置单元格背景颜色的两种方式

1、bgcolor="#E6E6FA"

2、style="background-color:red"

例子如下：

<html>
<body>

<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;margin:0;padding:0;width:600px;">
  <tr height="20" bgcolor="#E6E6FA">
   <th style="border:1px solid black;">标题1</th>
   <th style="border:1px solid black">标题2</th>
   <th style="border:1px solid black">标题3</th>
  </tr>
  <tbody>
  <tr height="40" style="background-color:red">

  <td style="border:1px solid black">11</td>
   <td style="border:1px solid black">12</td>
   <td style="border:1px solid black">13</td>
  </tr>
  <tr height="20">
   <td style="border:1px solid black">21</td>
   <td style="border:1px solid black">22</td>
   <td style="border:1px solid black">23</td>
  </tr>
  <tr height="40">
   <td style="border:1px solid black">31</td>
   <td style="border:1px solid black">32</td>
   <td style="border:1px solid black">33</td>
  </tr>
  </tbody>
  <tfoot >
  <tr height="20">
   <td colspan="3"  style="text-align:center">无边框脚本(居中)</td>
  </tr>

  </tfoot>
 </table>
</body>
</html>

posted @ 2018-05-04 18:11  军999  阅读(585)  评论(0)    收藏  举报