CSS生成邮箱图片
Goole搜索online css button maker
会出来很多网站,我们选择第一个网站即:http://css3buttongenerator.com/,然后可以自定义文字、边框和背景颜色等,调整好自己的样式后,复制下面的CSS代码。
注意到代码中有hover
,Goole了下,发现行内样式不能引用伪类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>
效果如下: