懒人的府邸。只是为了学习备份。收藏精品。

四方小格子

本文最后更新于2018年11月7日,已超过 1 年没有更新,涉及的内容可能已经失效!
文章目录[隐藏]

D-广告



<div class="item">
<ul class="ebox">
<li class="ebox-i ebox-01">
<h4>SpringBoot</h4>
<p>Spring Boot是用来简化新Spring应用的初始搭建以及开发过程</p>
<a class="btn btn-primary btn-sm" target="_blank" href="https://lvnn.cn">专题</a>
<a class="btn btn-default btn-sm" target="_blank" href="https://lvnn.cn">查看演示</a></li>
<li class="ebox-i ebox-02">
<h4>Thymeleaf</h4>
<p>新一代的HTML5模版引擎</p>
<a class="btn btn-primary btn-sm" target="_blank" href="https://lvnn.cn">专题</a>
<a class="btn btn-default btn-sm" target="_blank" href="https://lvnn.cn">查看演示</a></li>
<li class="ebox-i ebox-03">
<h4>Hadoop</h4>
<p>分布式存储计算服务</p>
<a class="btn btn-primary btn-sm" target="_blank" href="https://lvnn.cn">专题</a></li>
<li class="ebox-i ebox-04">
<h4>Linux</h4>
<p>非常稳定的服务器操作系统</p>
<a class="btn btn-primary btn-sm" target="_blank" href="https://lvnn.cn">专题</a></li>
<li class="ebox-i ebox-100">
<h4>懒人驿站</h4>
<p>专注分享懒人成长学习的技术博客</p>
<a class="btn btn-danger btn-sm" target="_blank" href="https://lvnn.cn">点击进入</a>
<!-- <a class="btn btn-default btn-sm" href="https://lvnn.cn/">咨询排期</a> --></li>
</ul>
</div>

CSS


.ebox{overflow:hidden;font-size:12px;text-align:center;background-color:#fff}
.ebox-i{position:relative;float:left;width:50%;padding:15px 15px 20px;background-color:#fff;color:#777;border-bottom:1px dashed #ddd}
.ebox-01,.ebox-03{border-right:1px dashed #ddd}
.ebox-i:hover{background-color:#F9F9F9}
.ebox-100{width:100%;margin-bottom:0;border-bottom:none}
.ebox-i p{height:36px;overflow:hidden;color:#bbb}
赞(0) 打赏
未经允许不得转载:懒人驿站 » 四方小格子
分享到: 更多 (0)
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏