当前位置: 代码迷 >> HTML/CSS >> Tab页CSS式样
  详细解决方案

Tab页CSS式样

热度:274   发布时间:2012-08-17 02:08:34.0
Tab页CSS样式

?

.QuestionHeader {
	height:34px;
	border-bottom:1px solid #666;
	margin:0 0 15px 0;
}
.QuestionHeader #portrait {float:left;width:35px;}
.QuestionHeader #portrait img {width:24px;height:24px;}
.QuestionHeader #switcher {
	float:left;
	margin:5px 0 0 2px;
}
.QuestionHeader #switcher h1 {font-size:12pt;float:left;color:#666;}
.QuestionHeader #switcher h1 a {text-decoration:none;}
.QuestionHeader #switcher h1 em {font-style:normal;color:#40AA53;}

.QuestionHeader #opts {float:left;margin:10px 0 0 20px;color:#999;}
.QuestionHeader #opts #LinkFollow .FancyButton {display:inline;background:none;letter-spacing:0px;text-decoration:underline;}

.QuestionHeader #tabs {
	float:right; 
	text-align:right; 
	font-weight:bold;
	font-size:12pt;
}
.QuestionHeader #tabs a {
    background: inherit;
    border: 1px solid #f9f9f9;
    color: #777;
    display: block;
    float: left;
    font-size: 90%;
    height: 24px;
    line-height: 22px;
    margin: 8px 8px 0 0;
    padding: 0 6px;
    text-decoration: none;
	letter-spacing: 2px;
}
.QuestionHeader #tabs a:hover {color:#000;}
.QuestionHeader #tabs a.current {
    background: #f9f9f9;
    border: 1px solid #777;
    border-bottom-color: #f9f9f9;
    color: black;
    height: 30px;
    line-height: 28px;
    margin-top: 3px;
    padding: 0px 10px;
}
.QuestionHeader #tabs a.hot {color:#A00;}
.QuestionHeader #tabs a.hot:hover {color:#F00;}
  相关解决方案