html点击左侧菜单右侧顶部生成选项卡,标签在左侧的CSS竖向简洁选项卡

标签在左侧的CSS竖向简洁选项卡

body{padding:50px;margin:0;color:#666;font:12px arial,sans-serif;}

#getId{width:400px;}

.tabT{width:100px;float:left;padding:0;margin:0px;background:url(http://p1.mb5u.com/texiao/dot.jpg) repeat-y right;height:400px;}

.tab,.tab li{padding:0;margin:0;border:none}

.tab{height:23px;display:block;}

.tab li{display:block;height:18px;line-height:18px;padding:10px 2px;text-align:center;cursor:pointer;}

.tab li.current{display:block;color:red;background-color:#fff;border-right:0px solid red;border-left:1px solid red;border-top:1px solid red;border-bottom:1px solid red;padding:10px 2px;}

.show,hidden{float:left;width:299px;margin-top:0px;border-style:solid;border-width:1px 1px 1px 0px;border-color:red;text-align:left;height:400px;}

.hidden{display:none;}

.show{display:block;}

.con{padding:10px;}

• Home
• ASP
• PHP
• JSP

CodeFans.net

ASP

PHP

JSP