您现在的位置是:网站首页> 编程资料编程资料
写html时,经常用到tab结构_CSS教程_CSS_网页制作_
2021-09-08
848人已围观
简介 写html时,经常用到tab,现整理一下。
html结构:
复制代码
代码如下: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]
相关内容
- IE环境下判断IE版本的语句...[if lte IE 6]……[endif][if lte IE 7]……[endif] _浏览器兼容教程_CSS_网页制作_
- CSS清除浮动 clearfix:after 使用技巧及兼容Firefox等符合W3C标准的浏览器_浏览器兼容教程_CSS_网页制作_
- 让IE6支持css3,让 IE7、IE8 都支持CSS3_css3_CSS_网页制作_
- DIV CSS网页布局中常用的列表元素_CSS教程_CSS_网页制作_
- CSS布局中如何组织样式表以便于简化、维护_CSS教程_CSS_网页制作_
- CSS常用优化技巧_CSS教程_CSS_网页制作_
- css语法结构_CSS教程_CSS_网页制作_
- DIV+CSS 全屏垂直居中的一个办法_CSS教程_CSS_网页制作_
- css :nth-child与:nth-of-type之小解 _CSS教程_CSS_网页制作_
- CSS 嵌套DIV布局(position属性)_CSS教程_CSS_网页制作_