CSS生成邮箱图片

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

<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