手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >写html时,经常用到tab结构
写html时,经常用到tab结构
摘要:html结构:单题目调查多题目调查测试测试测试CSS:[code].tab_hd{border-left:1pxsolid#ccc;marg...

html结构:

<div>

<div><a href="#">单题目调查</a><a href="#">多题目调查</a></div>

<div>

<div>

<ul>

<li>测试</li>

<li>测试</li>

<li>测试</li>

</ul>

</div>

<div></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结构】相关文章:

常用CSS缩写语法总结

CSS常用样式效果

Css应用小技巧十四例

解决火狐浏览器按钮的水平居中

非常实用的CSS3工具终极收藏

css3学习心得分享

CSS3入门:由点到面

鼠标经过图标动画效果

网页排版经常用到的5个CSS

CSS使用ul进行网页的多列布局

精品推荐
分类导航