outlook邮件 css 不生效问题

前端html写样式 发送邮件和生成pdf，生成的pdf的样式是完好无损的，但是当用outlook发送邮件

css样式没有生效（前提样式一定要写行内，不然样式不会生效）。

html 像span p标签样式 写成表格的形式，样式也是会乱的

然后发现我有的用的table 标签写的样式就生效了。

然后就全都改成了table写表格

切记一定要写行内样式！！！！

<table class='pure-table pure-table-horizontal'

                style='width: 100%;border-collapse: collapse;border-spacing: 0;empty-cells: show;'>

                <tbody>

                    <tr>

                        <td

                            style=' padding: 0;width:40px;  text-align: center; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;font-family: PingFangSC-Medium;font-size: 12px;color: #515a6e; font-weight: 600;background: #f9f9fa;border-right: 1px solid #ccc;'>

                            序号</td>

                        <td

                            style='padding: 0; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;background-color: transparent;border-right: 1px solid #ccc;'>

                            产品名称</td>

                        <td

                            style='padding: 0; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;background-color: transparent;'>

                            销售名称/td>

                    </tr>

                    <tr>

                        <td

                            style='padding: 0; width:40px;text-align: center; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;font-family: PingFangSC-Medium;font-size: 12px;color: #515a6e; font-weight: 600;background: #f9f9fa;border-right: 1px solid #ccc;'>

                            1</td>

                        <td

                            style='padding: 0; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;background-color: transparent;border-right: 1px solid #ccc;'>

                            产品1</td>

                        <td

                            style='padding: 0; border-width: 0 0 0 1px; border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb;  font-size: 14px; margin: 0; overflow: visible; padding: .5em 1em;background-color: transparent;'>

                          销售产品1</td>



                    </tr>

                </tbody>

            </table>