页签

页签用于轻松切换到各个页面；双击页签，页签区域内的内容全屏显示。

yql
样例
页签栏

页签栏
zz_yql
css配置
#main .main-right .tab{background-color:#f5f5f5;height:36px;border-bottom:1px solid #e0e0e0;width:100%;}
#main .main-right .tab li{float:left;line-height:36px;padding:0px 25px;border-right:1px solid #e0e0e0;position:relative;}
说明

背景颜色#f5f5f5；高度36像素；底部描边1像素、实线、颜色#e0e0e0;宽度100%；

各个页签靠左浮动，即不换行；行高36像素；左右边距25像素；右边描边1像素、实线、颜色#e0e0e0;相对定位；
当前页签

当前页签
zz_yqxz
css配置
#main .main-right .tab .on .close_on{width:7px;height:7px;background:transparent url(../images/dms3/close_on.png) no-repeat scroll 0 0px;position:absolute;top:6px;right:6px;}
#main .main-right .tab .on .close_on:HOVER{width:13px;height:13px;background:transparent url(../images/dms3/close_on3.png) no-repeat scroll 0 0px;position:absolute;top:3px;right:3px;}
#main .main-right .tab .on{font-size:12px;color:#7f807e;color:#35a0e7;font-weight:bold;background-color:#fff;border-bottom:1px solid #fff;border-right:1px solid #e0e0e0;}
#main .main-right .tab .on .show-pan{color:#35a0e7;}
说明

关闭按钮用close_on.png图片；绝对定位上6像素、右6像素；

关闭按钮鼠标移入用close_on3.png图片；绝对定位上3像素、右3像素；

字体大小12像素；字体加粗；背景颜色白色；底部描边1像素、实线、白色；右边描边1像素、实线、颜色#e0e0e0。

字体颜色#35a0e7。
默认页签

默认页签
zz_yqmr
css配置
#main .main-right .tab li .tab-close{width:7px;height:7px;background:transparent url(../images/dms3/close.png) no-repeat scroll 0 0px;position:absolute;top:6px;right:6px;}
#main.main-right.tab li.tab-close:HOVER{width:13px;height:13px;background:transparent url(../images/dms3/close_on3.png) no-repeat scroll 0 0px;position:absolute;top:3px;right:3px;}
#main .main-right .tab a{font-size:12px;color:#7f807e;}
说明

关闭按钮用close.png图片；绝对定位上6像素、右6像素；

关闭按钮鼠标移入用close_on3.png图片；绝对定位上3像素、右3像素；

字体大小12像素；颜色#7f807e;