整洁白色下载样式代码 - 小晨博客

小晨博客logo

专注于
精品源码和技术教程
博客 » 网站代码 » 正文
2019-2-3
分类: 网站代码

整洁白色下载样式代码

文章发布:博客
手机扫码查看文章手机扫码查看

阅读(97) 评论(0)

整洁白色下载样式代码

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;} 

评论

游客