Goole搜索online css button maker会出来很多网站,我们选择第一个网站即:http://css3buttongenerator.com/,然后可以自定义文字、边框和背景颜色等,调整好自己的样式后,复制下面的CSS代码。
注意到代码中有hoverGoole了下,发现行内样式不能引用伪类hover,所以只能去掉它的hover代码。
于是我们写在markdown中的最终的代码如下:

1
2
3
4
5
6
7
8
9
10
11
<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>

效果如下:

abc@xyz.com