html - 如何在 css 中设置这些按钮的样式？

Question

任何人都可以帮助设计这些按钮的样式吗？

Answer 1

您可以使用 skew css 属性

button{border:0;background:red;padding:10px;color:#fff;
transform:skewX(-20deg);}
button div{transform:skewX(20deg);}

Text also skewed:
<button>Pay now</button>

<br><!--br tag just for spacing purpose not recommended-->
<br><!--br tag just for spacing purpose not recommended-->

Text without skewed:
<button><div>Pay now</div></button>

关于倾斜(here)