KM 21 Bulletproof Button - Border-Based Approach Shared by Kevin Mandeville, 2016-05-18 17:47:03. Tagged: Link, All Copy to Clipboard Add to Snippets Snippet Trigger Manage Snippets Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="{link}" target="_blank" style="font-size: {font-size}px; font-family: {font}; color: #{color}; text-decoration: {decoration}; border-radius: {border-radius}px; -webkit-border-radius: {webkit-border-radius}px; background-color: #{bgcolor}; border-top: {border-top}; border-bottom: {border-bottom}; border-right: {border-right}; border-left: {border-left}; display: inline-block;">{button text}</a> </td> </tr> </table>
More on this technique here: https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design Reply to Kevin Mandeville
I tested this and it doesn't work as expected in a lot of email clients unfortunately. Reply to Vic Dinovici
More on this technique here: https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design
I tested this and it doesn't work as expected in a lot of email clients unfortunately.