outlook客户端不显示table表格边框线的问题

最新推荐文章于 2024-06-25 10:15:29 发布

程序媛-如花

最新推荐文章于 2024-06-25 10:15:29 发布

阅读量6.5k

点赞数 2

分类专栏：前端html 文章标签： html css

本文链接：https://blog.csdn.net/chengxuyuanruhua/article/details/104539979

版权

前端html 专栏收录该内容

1 篇文章

订阅专栏

问题

今天做了一个发送邮件提醒的功能， outlook网页版、foxmail客户端显示的邮件都是正常的，能够正常显示table表格边框，但是outlook客户端不能够显示table表格边框。

outlook客户端显示如下：
在这里插入图片描述

解决

之前只给table上加了 border:1px，改成给每一个 td 都加上 border 属性即可。

<table  style='width: 95%;border-collapse:collapse;border:1px solid #000000' cellpadding='0' cellspacing='0' >
  <tr>
      <td style='border:1px solid #000000' bgcolor='#cococo'>加班日期</td>
      <td style='border:1px solid #000000' bgcolor='#cococo'>加班时长</td>
  </tr>
  <tr>  
     <td style='border:1px solid #000000'>2020-02-24</td>
     <td style='border:1px solid #000000'>5.0</td>
  </tr>
</table>

在这里插入图片描述