竖列Navigation导航菜单代码,Css代码库,德仔网

代码语言

代码分类

【Css】竖列Navigation导航菜单

作者:Dezai.CN / 发布于2013/9/25/ 631


	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<meta name="Copyright" content="懒人图库 http://www.lanrentuku.com/" />
	<meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" />
	<meta content="懒人图库" name="keywords" />
	<title>懒人图库</title>
	</head>

	<body>
	<style type="text/css">

	#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 160px;
	padding: 0px;
	margin: 0px;
	}

	#vertmenu h1 {
	display: block;
	background-color:#FF9900;
	font-size: 90%;
	padding: 3px 0 5px 3px;
	border: 1px solid #000000;
	color: #333333;
	margin: 0px;
	width:159px;
	}

	#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}
	#vertmenu ul li {
	margin: 0px;
	padding: 0px;
	}
	#vertmenu ul li a {
	font-size: 80%;
	display: block;
	border-bottom: 1px dashed #C39C4E;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #666666;
	width:160px;
	}

	#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #eeeeee;
	}

	</style>
	<div id="vertmenu">
	<h1>Navigation</h1>
	<ul>
	<li><a href="#" tabindex="1">Home</a></li>
	<li><a href="#" tabindex="2">About Us</a></li>
	<li><a href="#" tabindex="3">Computing</a></li>
	<li><a href="#" tabindex="4">Web Sites</a></li>
	<li><a href="#" tabindex="5">Games</a></li>
	<li><a href="#" tabindex="6">Links</a></li>
	</ul>
	</div>
	
	</body>
	</html>

试试其它关键字

　竖列菜单　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)