html css js 实现Tab标签页示例代码
复制代码代码如下:
body{font:"宋体";font-size:12px;}
a:link,a:visited{font-size:12px;color:#666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
#Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;}
.Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;}
.Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;}
.Menubox ul li{float:left;background:#64B8E4;line-height:20px;display:block;cursor:pointer;width:65px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #64B8E4;border-left:1px solid #64B8E4;border-right:1px solid #64B8E4;}
.Menubox ul li.hover{background:#fff;border-bottom:1px solid #fff;color:#147AB8;}
.Contentbox{clear:both;margin-top:0px;border-top:none;height:181px;padding-top:8px;height:100%;}
.Contentbox ul{list-style:none;margin:7px;padding:0;}
.Contentbox ul li{line-height:24px;border-bottom:1px dotted #ccc;}
相关阅读:
C#中利用正则表达式将人民币金额转换为大写汉字
C#中的delegate委托类型基本学习教程
ThinkPHP模板之变量输出、自定义函数与判断语句用法
轻松掌握CSS3中的字体大小单位rem的使用方法
Win10 TH2更新卡在44%现象的解决方法介绍
ThinkPHP之M方法实例详解
Mysql ERROR 1577错误解决方法
Windows10系统怎么手动切换平板模式 win10切换平板模式图文教程
Android layout_weight使用方法及实例
notepad、editplus等软件常用的文本整理正则表达式
PHP CURL获取cookies模拟登录的方法
JavaScript来实现打开链接页面的简单实例
CSS3的Flexbox骰子布局的实现及问题讲解
PHP生成随机密码方法汇总
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
