Goole搜索online css button maker
会出来很多网站,我们选择第一个网站即:http://css3buttongenerator.com/,然后可以自定义文字、边框和背景颜色等,调整好自己的样式后,复制下面的CSS代码。
注意到代码中有hover
,Goole了下,发现行内样式不能引用伪类hover,所以只能去掉它的hover
代码。
于是我们写在markdown
中的最终的代码如下:1234567891011<a href="mailto:abc@xyz.com" style=" background: #3498db; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; background: #3498db; padding: 10px 20px 10px 20px; text-decoration: none;">abc@xyz.com</a>
效果如下: