Question

求一HTML+CSS效果图，图片如下

要求：主要为图中红色标记处border为空，其他无所谓

Answer 1

这里就不分析代码了，自己好好分析。不懂可以继续问我。。。

<style type="text/css">
.box{ width:400px;}
.box_top{ height:47px; line-height:47px; position:relative; z-index:2;}
.tj_title{ font-size:15px; font-weight:bold; float:left;}
.qg_title{ width:70px; height:47px;float:right; border:1px #000 solid; border-bottom:none;margin-bottom: -1px;background: #fff;margin-right: 10px;}
.box_content{ width:400px; height:100px; border:1px #000 solid;}

</style>


<div class="box">
 <div class="box_top">
 <span class="tj_title">特价专栏</span>
 <span class="qg_title">限时抢购</span>
 </div>
 <div class="box_content">
 这里是内容部分
 </div>

</div>

追问

谢谢，就是要这个效果