How to make css property border-radius work in email templates on Windows Outlook2019?

Ruonan Wang (王若楠) 0 Reputation points
2023-06-16T09:43:08.2433333+00:00

I have asked this question on Stack Overflow, and I got below codes,but it didn't work with my outlook2019 on windows10.
Any other solutions to achieve half-circle or circle effects like below pictures?

<!--[if mso]>
<v:roundrect 
	xmlns:v="urn:schemas-microsoft-com:vml" 
	xmlns:w="urn:schemas-microsoft-com:office:word" 
	href="http://www.EXAMPLE.com/" 
	style="height:40px;v-text-anchor:middle;width:300px;" 
	arcsize="50%" stroke="f" fillcolor="yellow">    
	<w:anchorlock/>    
		<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">        
			Button Text Here!    
		</center>
</v:roundrect>
<![endif]-->

User's image

User's image

User's image

Microsoft 365 and Office Development Other
Outlook Windows Classic Outlook for Windows For business
Windows for business Windows Client for IT Pros User experience Other
0 comments No comments
{count} votes

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.