一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > CSS相关

推荐专题

最新下载

1

投箱子
9.09MB 类型： 休闲益智
2

超级变形射击
125.64MB 类型： 动作冒险
3

神叨叨的日常
39.79MB 类型： 策略塔防
4

我是最美的
37.54MB 类型： 休闲益智
5

别回头快跑
83.58MB 类型： 休闲益智
6

光头尿急安卓版
34.1MB 类型： 休闲益智
7

dream piano
97.9MB 类型： 休闲益智
8

王国守卫战免费版
64.88MB 类型： 休闲益智
9

花朵乐消消最新版
26.62MB 类型： 休闲益智
10

剁碎他们
112.68MB 类型： 休闲益智

热门教程

1

龙石战争新手怎么玩战斗技巧与阵容搭配攻略
时间：2025-07-28 类型： 游戏攻略
2

明末渊虚之羽白家旧宅神龛具体位置路线
时间：2025-07-28 类型： 游戏攻略
3

光遇有友节第二周第三个任务流程攻略
时间：2025-07-28 类型： 游戏攻略
4

光遇有友节双生向日葵位置路线一览
时间：2025-07-28 类型： 游戏攻略
5

崩坏星穹铁道金血铭刻的时代属性效果介绍一览
时间：2025-07-28 类型： 游戏攻略
6

龙魂旅人绯刃剑魂荆阵容搭配攻略
时间：2025-07-28 类型： 游戏攻略
7

米姆米姆哈燃尾虎获取方法一览
时间：2025-07-28 类型： 游戏攻略
8

原神5.8玛拉妮队伍怎么搭配 5.8玛拉妮队伍搭配攻略
时间：2025-07-28 类型： 游戏攻略
9

原神5.8玛拉妮武器推荐最新
时间：2025-07-28 类型： 游戏攻略
10

原神5.8玛拉妮培养材料汇总一览
时间：2025-07-28 类型： 游戏攻略

简单css选项卡效果

时间：2022-07-02 15:42:12 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<style>
.tabBox{ padding-top:10px;}
.tabMenu{  margin:0; padding:0; list-style:none; width:100%; float:left; background:#ebf3fb;  border-bottom:1px solid  #AACBEE;}
.tabMenu li{ float:left;   text-align:center; line- padding:0 5px;}
.tabMenu li a{ color:#1f376d; text-decoration:none;}
.tabMenu li a:hover{ font-weight:bold;}
.tabsMain{ clear:both; }
.tabMenu .hover{font-weight:bold; border:1px solid #AACBEE; background:#fff; border-bottom:0;}
.tabsMain{border:1px solid #aacbee; background:#fff; border-top:0;}
.tabsMain ul{ display:none; margin:0; padding:7px; list-style:none; font-size:14px;}
.tabsMain .block{ display:block;}
.tabsMain ul li{ background:url(images/dot_gray3_3.gif) no-repeat left center; padding-left:10px; line-height:1.5em; float:left; width:47%;}
.tabsMain ul li a{ text-decoration:none; color:#1f376d;}
.tabsMain ul li a:hover{ color:#000; text-decoration:underline;}
</style>
		  <div id="tabs3" class="tabBox">	   
		    <ul id="tabMenu3" class="tabMenu">
   				<li class="hover" onmouseover="setTab(3,0)"><a href="#">外资有限登记</a></li>
   				<li onmouseover="setTab(3,1)"><a href="#">外资股份登记</a></li>
				<li onmouseover="setTab(3,2)"><a href="#">代表机构登记</a></li>
				<li onmouseover="setTab(3,3)"><a href="#">内资有限登记</a></li>
  			</ul>
 			<div class="tabsMain" id="tabMain3">
  					 <ul class="block">
					 	 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
						 <li><a href="#">外资有限登记</a></li>
					 </ul>
  					 <ul><li>外资股份登记</li></ul>
					 <ul><li>代表机构登记</li></ul>
					 <ul><li>内资有限登记</li></ul>
  			</div>		
	     </div>

提示：您可以先修改部分代码再运行

相关文章

热门栏目