<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.tab {border-left:#E4E4E4 1px solid;}
.tab a{text-decoration:none;border-top:1px #E4E4E4 solid;border-right:1px #E4E4E4 solid;
border-bottom:1px solid #E4E4E4;
background:#F6F5EE;
padding:5px;
color:#369;
float:left;}
.tab .on{border-bottom:1px solid #fff;background:#fff;color:#666}
.tabspace{border-bottom:1px solid #E4E4E4;padding-top:11px;*padding-top:10px}
.tabbody{border:#E4E4E4 1px solid;border-top:0;padding:5px;padding-top:1px;}
</style>
</head>
<body>
<div style="width:300px;margin:auto">
<div class="tab">
<a>体育</a>
<a class="on">体育</a>
<a>体育</a>
<div class="tabspace"> </div>
</div>
<div class="tabbody">
<div>
<p>北师北邮小西天玉桃园集体活动</p>
<p>2月25日 周三 - 3月24日 周二</p>
</div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
这是web各种tab的实例,希望需要的人可以用上!
开发网站必备菜单tab样式集合,里面集合了很多东西包括菜单 tab 选项卡 banner css js各种样式具体如:35个菜单样式、19个CSS菜单、鼠标放大镜查看图片效果、css_tab_ul菜单安装程序、让你震撼的图片展示javascript...
div+css tab样式
很好的tab样式,通过a标签来画线实现tab效果
Tab菜单在网页上使用起来非常方便,也比较节省空间,所以很多门户网站很...今天我们要来分享一款垂直方向的Tab菜单,它是用纯CSS3实现的,加载和切换特别灵活。另外,Tab菜单的样式你可以使用CSS重新定义,扩展很方便。
一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html
多款好看的tab页签样式,希望对你有所帮助
一个很漂亮的Tab 标签 切换样式 非常经典的东东
纯CSS写的TAB切换源代码,没JS。效果很棒!
自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动TAB效果.rar自动滑动...
Exceltab插件采用tab标签样式,方便我们管理操作多个工作薄
一个很完美的tab选项卡用CSS加JS写的。静态HTML页面
CSS+div及javascript设计的当下流行的Tab样式菜单,供大家参考。在IE8及Google Chrome、搜狗高速浏览器中测试通过。
一个读写MapInfo的地图文件tab的开源读写类。
Div+Css实现的一个漂亮的Tab样式效果
tab标签样式UI简洁版日历表
非常好看而且容易使用的css tab选项卡
jquery写的简单的tab切换 可供学习参考 可用
1. sessionStorage在浏览器的两个tab页之前是无法共享的,一个tab页中sessionStorage修改后,不能触发其他tab页的storage
android 多个Tab的切换 提供多个Tab切换