热搜：编程 Python Microsoft 编程语言 C++

写html时，经常用到tab结构

发布时间：2023-03-06 16:33:10 来源：互联网

.

我之所以要赞美你，更重要的是因为：你还哺育春天的的摇篮。 "冬天来了，春天还会远吗？ "在冬天里，思想被提纯了，一直被坚定了，力量在储蓄着。一旦春风拂面，一切更争先恐后，生气勃勃，万紫千红，千姿百态。仿佛含苞的花蕾忽然绽开。

html结构：

复制代码

代码如下:

<div class="tab tab_survey">
<div class="tab_hd clearfix"><a class="curr" rel="nofollow noopener noreferrer" href="#">单题目调查</a><a rel="nofollow noopener noreferrer" href="#">多题目调查</a></div>
<div class="tab_bd">
<div class="tab_cont curr">
<ul class="list_survey_content">
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>
</div>
<div class="tab_cont"></div>
</div>
</div>

CSS：
[code]
.tab_hd{ border-left:1px solid #ccc; margin-bottom:-1px; line-height:25px; }
.tab_hd a{ float:left; width:100px; height:24px; color:#1E50A2; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.tab_hd .curr{ font-weight:bold;height:25px; background-color:#fff; position:relative;}
.tab_bd{ border:1px solid #ccc; padding:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.tab_cont{ display:none;}
.tab .tab_bd .curr{ display:block;}
[html]

以上就是写html时，经常用到tab结构。万般努力，我只为出人头地。更多关于写html时，经常用到tab结构请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： html tab