手机
当前位置:查字典教程网 >网页设计 > 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结构】相关文章:

CSS3之边框多颜色Border-color属性使用

CSS基础教程:CSS中的定位(position)

鼠标经过图标动画效果

css中换行的几种常用方式整理

Css应用小技巧十四例

CSS关于解决图片元素下多余空白的BUG

学用CSS之HTML结构化

css代码格式化清理工具

list-style-image无法准确定位通过(li的背景模拟或相对定位)解决

css3学习心得分享

精品推荐
分类导航