CSS制作简单又美观的下载按钮

有时，网站文章为了实现更好的表达效果，需要提供文章内容中所介绍软件或教程的链接地址，倘若能配以简单又美观的下载按钮，必然能为我们网站的用户体验加分。莹莹今天学习制作了一个就不错，CSS代码提供给各位看官。

#xiazai a{float:left;margin:8px 0 15px 25px;padding:0 15px;height:35px;border:1px solid #c01e22;border-radius:3px;background:#c01e22;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff;text-align:center;line-height:35px;text-decoration:none}
#xiazai a:hover{opacity:.6;transition:all .3s ease-in 0s}

调用代码：

<div id="xiazai" style="text-align:center;padding:15px;"><a href="此处填写下载链接"  target="_blank" style="float:none;padding:10px 15px;">显示文字</a></div>

完成效果：