outlook邮件开发开发HTML,CSS标签及样式失效总结

最新推荐文章于 2024-04-24 10:02:53 发布

就这样敲

最新推荐文章于 2024-04-24 10:02:53 发布

阅读量2.7k

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/luyangguo/article/details/125782346

版权

1.HTML结构搭建使用table表格编写，注：直接使用p,span等标签样式会失效，若应p,span等标签需要包在tr,th,td内
2.css样式必须写在行内，否则不生效；
3.font-family声明字体须写在span标签行内
栗子：

<table style='width:100%;border-collapse:collapse;border:0;' cellpadding='0' cellspacing='0'>
   <thead style="background:#0083bc;color: #fff;text-align: left;">
      <tr>
        <th style="font-weight: normal;padding:6px 4px;">
            <span style="font-family:'Microsoft JhengHei','Gill Sans MT'">公司</span>
        </th>
        <th style="font-weight: normal; padding:6px 4px;">
             <span style="font-family:'Microsoft JhengHei','Gill Sans MT'">姓名</span>
         </th>
         <th style="font-weight: normal; padding:6px 4px;">
            <span style="font-family:'Microsoft JhengHei','Gill Sans MT'">职称</span>
         </th>
         <th style="font-weight: normal; padding:6px 4px;">
              <span style="font-family:'Microsoft JhengHei','Gill Sans MT'">email</span>
          </th>
       </tr>
     </thead>
     <tbody>
         <tr style="background:#fff;border-bottom:solid 1px #ddd">
            <td style="padding:6px 4px;">内容1</td>
            <td style="padding:6px 4px;">内容2</td>
            <td style="padding:6px 4px;">内容3</td>
            <td style="padding:6px 4px;">内容4</td>
         </tr>
     </tbody>
 </table>