tab菜单样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】 tab菜单样式

作者:芸 / 发布于2014/10/10/ 970


	<!DOCTYPE html>

	<html lang="en">

	<head>

	<meta charset="utf-8">

	<title>tabs</title>

	<link rel="stylesheet" href="style/tabs.css">

	</head>

	<body>

	<div id="tabs" class="tabs">

	<ul>

	<li class="tabs_active"><a href="#tabs-1">Nunc tincidunt</a></li>

	<li><a href="#tabs-2">Proin dolor</a></li>

	<li class="tabs_hover"><a href="#tabs-3">Aenean lacinia</a></li>

	</ul>

	</div>

	</body>

	</html>

	.tabs {font-family:Verdana,Arial,sans-serif;font-size:12px;line-height:14px;position: relative; padding: 1px; zoom: 1; }
	.tabs ul {background-color: #fff;color:#222222;font-weight:bold;display:block;border-bottom:1px solid #AAAAAA;height:28px; padding:0; margin:0; padding-left:100px;}
	.tabs ul li {-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;border-bottom:0 none !important;float:left;list-style:none;margin:0 0.2em 1px 0;padding:0;position:relative;top:1px;white-space:nowrap;color:#555555;font-weight:blod;}
	.tabs ul li.tabs_active {margin-bottom:0;padding-bottom:1px;background-color:#fff; border:1px solid #aaa;color:#333;}
	.tabs ul li.tabs_hover{margin-bottom:0;padding-bottom:1px;background-color:#fff;border:1px solid #999;}
	.tabs ul li a {float:left;padding:0.5em 1em;text-decoration:none;cursor:pointer;color:#777;}
	.tabs ul li.tabs_active a {color:#333;}
	.tabs ul li.tabs_active a {color:#555555;}
	.ui-tabs .ui-tabs-panel {background:none repeat scroll 0 0 transparent;border-width:0;display:block;padding:1em 1.4em;}

试试其它关键字

　tab菜单　

同语言下

可能有用的

芸贡献的其它代码(1)

.tab菜单样式