我在电子邮件客户端将我的样式<hr/>恢复为只有实线时遇到问题。
以下是我的标记，在Chrome和IE中看起来不错，但Outlook总是将虚线恢复为实线。
<hr style="background:none; border:dotted 1px #999999; border-width:1px 0 0 0; height:0; width:100%; margin:0px 0px 0px 0px; padding-top:10px;padding-bottom:10px;" ></hr>
看过竞选监视器，但没有什么特别的指导我。
所有答案都表示赞赏。
我想这是因为 Outlook 使用Microsoft字呈现引擎，而不是 HTML 引擎，并且 hr 标签只会像 msword 中一样恢复为实线。
我可能会尝试使用全宽的表格>单元格或div 并设置样式，而不是使用 hr 标签。
<table>
<tr>
<td style="background:none; border:dotted 1px #999999; border-width:1px 0 0 0; height:1px; width:100%; margin:0px 0px 0px 0px; padding-top:10px;padding-bottom:10px;"> </td>
</tr>
</table>
NBSP 在那里，以防渲染引擎无法识别空单元格。
根据其他答案，我发现这效果最好：
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="background:none; border-bottom: 1px solid #d7dfe3; height:1px; width:100%; margin:0px 0px 0px 0px;"> </td>
</tr>
</table>
<br>宽度似乎需要以 % 为单位table，或者如果可能的话（根据 https://www.campaignmonitor.com/resources/will-it-work/guidelines/）在td上将其设置为px。
border-bottom速记似乎工作正常，而 kolin 的答案中提到的速记版本在 Outlook 中没有。
编辑：我发现以前使用过并且至少在Outlook中也可以工作（如果有人可以，可以在其他客户端中测试，那就太好了），是一种基于<hr>的方法。
<hr height="1" style="height:1px; border:0 none; color: #D7DFE3; background-color: #D7DFE3; margin-top:1.5em; margin-bottom:1.5em;">
相当不优雅，只对已知的固定宽度有用，但我发现这些是尝试修复 html 电子邮件中的格式时遇到的恐怖。
<p style="line-height:20%; color:#cccccc; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;">........................................................................................................................................</p>
您可以使用此示例：
<div style="border-top: 1px dotted #999999;"> </div>
不幸的是，它只能在白色背景下工作
需要声明字体大小，否则" "会弄乱高度。
<tr><td style="background:none; border-bottom: 4px solid #DC1431; height:1px; width:100%; margin:0px 0px 0px 0px; font-size: 1px"> </td></tr>