Emlog仿刀网下载样式代码

Emlog刀网下载样式 清新简略,样式可以自己修改,本着简略的原则最好


HTML:

<div class="Emdown">
 <div class="Emdown-body"> <div class="Emdown-title-left">下载地址</div> <div class="Emdown-title-right">●温馨提示●</div> </div> <div class="Emdown-box"> <a href="#" target="_blank" rel="nofollow"><i class="fa fa-cloud-download"></i>本地下载</a> <a href="#" target="_blank" rel="nofollow"><i class="fa fa-cloud-download"></i>网盘下载</a> </div> <div class="Emdown-txt">免责声明:本站资源转载自各大论坛及资源下载站,若有侵权请速联系站长,我们将会在24小时内删除,谢谢!</div></div>

CSS:

.Emdown{overflow:hidden;margin-top:30px;width:100%;border:1px dashed silver;border-radius:2px;background-color:#f9f9f9;}.Emdown .Emdown-body{overflow:hidden;margin-bottom:10px;}.Emdown .Emdown-box{overflow:hidden;padding:15px;border-top:1px solid #f1f1f1;}.Emdown .Emdown-txt{padding:10px 15px;border-top:1px solid #f1f1f1;color:#afafaf;font-size:14px;}.Emdown .Emdown-body .Emdown-title-left{float:left;margin-left:15px;width:81pt;height:35px;border-radius:0 0 2px 2px;background-color:#2585c3;color:#fff;text-align:center;font-size:1pc;line-height:35px;}.Emdown .Emdown-body .Emdown-title-right{float:right;margin-right:15px;color:#afafaf;font-size:14px;line-height:35px;}.Emdown .Emdown-box a{float:left;margin-right:15px;padding:15px;border:1px solid #ddd;border-radius:2px;color:#2585c3;text-align:center;}.Emdown .Emdown-box a:hover{border:1px solid #2585c3;background-color:#2585c3;color:#fff;}.Emdown .Emdown-box a i{margin-right:5px;}


感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

标签: 经验教程

作者头像
便宜技术博客创始人

乐享资源记忆点滴的博客,主要分享程序源码!

上一篇:如何利用CSS3代码实现动态渐变
下一篇:宝塔面板免费升级专业版 V6.9.X 一键代码图文教程

发表评论