More than 5 years have passed since last update.

HTML email - Use Anchor as Button for Windows 10 Mail

CSS
htmlmail

Last updated at 2018-08-09Posted at 2018-08-09

Set CSS for inline HTML.

.btn {
    border-radius: {{ RADIUS }};
    background: {{ COLOR }};
}
.btn a {
    border-radius: {{ RADIUS }};
    border: solid 1px {{ COLOR }};
    padding: 1em 1.5em;
    color: #fff;
}

<table border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td class="btn">
            <a href="{{ URL }}">
                {{ LABEL }}
            </a>
        </td>
    </tr>
</table>

Anchor's display: block didn't work.
padding didn't work without set border.

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up