`

Tab页CSS样式

    博客分类:
  • 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;}
  • 大小: 1.3 KB
分享到:
评论

相关推荐

    table与tab页css样式与demo.zip

    原生html中好看的table与tab页两种css样式和demo (table中th的颜色可以替换成#E4EDF9更美观)

    多款精美的tab页签样式任你挑选

    多款好看的tab页签样式,希望对你有所帮助

    CSS样式漂亮Tab页

    一个很漂亮的Tab 标签 切换样式 非常经典的东东

    div+css tab样式

    div+css tab样式

    纯CSS3垂直Tab菜单 Tab样式可自定义

    Tab菜单在网页上使用起来非常方便,也比较节省空间,所以很多门户网站很喜欢用Tab菜单。今天我们要来分享一款垂直方向的Tab菜单,它是用纯CSS3实现的,加载...另外,Tab菜单的样式你可以使用CSS重新定义,扩展很方便。

    js_CSS样式tab菜单导航样式

    js+Css 的html tab菜单导航样式

    CSS 实现的tab样式

    很好的tab样式,通过a标签来画线实现tab效果

    纯css半圆角tab标签切换代码

    纯CSS实现的tab标签切换代码,其实是由六个html文件组成,相互切换的效果。懒人之家推荐下载

    13个css tab选项卡

    非常好看而且容易使用的css tab选项卡

    CSS制作Tab菜单样式

    NULL 博文链接:https://xiaofengtoo.iteye.com/blog/1186834

    jQuery和CSS3响应式TAB选项卡样式幻灯片特效

    这是一款使用jQuery和CSS3动画制作的炫酷响应式TAB选项卡样式幻灯片特效。该幻灯片特效采用TAB选项卡来进行切换,每次切换时slide中的元素都带有非常炫酷的CSS3动画效果。

    JavaScript和css实现tab样式

    NULL 博文链接:https://wcjy5128.iteye.com/blog/619367

    菜单tab样式经典集合10.3.24

    开发网站必备菜单tab样式集合,里面集合了很多东西包括菜单 tab 选项卡 banner css js各种样式具体如:35个菜单样式、19个CSS菜单、鼠标放大镜查看图片效果、css_tab_ul菜单安装程序、让你震撼的图片展示javascript...

    CSS网页导航栏样式制作软件

    这个是我本人在网上找了,好久才找的中文CSS样式制作软件,我想对那些,不会做CSS样式导航的朋友,来说绝对是一个好东西。唯一的缺陷就是不能折叠,其它都很不错。

    Extjs4.2 设置tabpanel当前活动页签的样式

    要设置tabpanel当前活动页签的样式,可以添加CSS样式代码。在程序中添加如下CSS样式代码: .x-tab-active .x-tab-wrap .x-tab-button .x-tab-inner { color : red } 这段代码将当前活动页签的文本颜色设置为红色...

    CSS+静态TAB控件

    这是一个自定义静态的TAB 控件,里面有CSS样式,下载下来直接拿去用就OK了,你也可以改成动态的。OK介绍到这里

    CSS Tab Designer 2.0

    CSS Tab Designer是一款制作网页导航菜单的工具,内置60多种CSS样式,可以直接生成网页,并且实时预览。感觉挺实用的。这次上传为最新版本,2.0版本。下载用一下吧……

    《精通CSS+DIV网页样式与布局》光盘源码

     12.5 自动选择CSS样式  第3部分 CSS混合应用技术篇  第13章 CSS与JavaScript的综合应用   13.1 JavaScript概述  13.2 JavaScript语法基础  13.3 实例一:输入时高亮显示的Excel表格   13.4 实例二...

    纯CSS3实现的tab标签

    但是像今天推荐给大家的这款CSS3实现的tab标签,如果用普通方法做的话,是不是比较困难的呢,但是我们今天用CSS3代码来写,非常简洁,无需图片配合,只要纯代码即可实现,还有更简洁的么?有木有

    纯css3谷歌Google样式的按钮

    这是仿照Google+样式的一款纯css3谷歌样式按钮。谷歌样式以简洁实用而闻名,这款css3按钮风格上就是简洁实用。

Global site tag (gtag.js) - Google Analytics