下拉菜单 DIV+CSS

admin 发布于 2020-03-18T11:29:24 评论(0) 阅读(50)

分类:

标签:

<!DOCTYPE html>
<html>
<head>
<title>zhcuel.html</title>
 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style>
#nav {
	line-height: 24px;
	list-style-type: none;
	background: #666;
	list-style-position: outside;
}
 
#nav2 { /* line-height: 24px;
	list-style-type: none;
	background: #666; */
	/* list-style-position: outside; */
	padding-left: 0px;
        margin-left: 0px;
 }
 
#nav a {
	display: block;
	width: 80px;
	text-align: center;
}
 
#nav a:link {
	color: #666;
	text-decoration: none;
}
 
#nav a:visited {
	color: #666;
	text-decoration: none;
}
 
#nav a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
 
#nav li {
	float: right;
	left: -150px;
	width: 60px;
	left: -4px;
	background: #CCC;
}
 
#nav li a:hover {
	background: #999;
}
 
#nav li ul {
	line-height: 27px;
	list-style-type: none;
	text-align: left;
	left: -199em;
	width: 180px;
	list-style-position: outside;
	position: absolute;
}
 
#nav li ul li {
	float: left;
	width: 180px;
	background: #F6F6F6;
}
 
#nav li ul a {
	display: block;
	width: 156px;
	text-align: left;
	padding-left: -54px;
	list-style-position: outside;
}
 
#nav li ul a:link {
	color: #666;
	text-decoration: none;
}
 
#nav li ul a:visited {
	color: #666;
	text-decoration: none;
}
 
#nav li ul a:hover {
	color: #F3F3F3;
	text-decoration: none;
	font-weight: normal;
	background: #C00;
}
 
#nav li:hover ul {
	left: auto;
	list-style-position: outside;
}
 
#nav li.sfhover ul {
	left: auto;
	list-style-position: outside;
}
 
#zhuceDiv {
	height: 20px;
	width: 210px;
	position: relative;
	top: 2%;
	left: 80%;
	margin-left: 0px;
	margin-top: 10px; /*相对高度*/
	/*	list-style:outside none none;*/
 
	/*	background="/images/login.gif"*/
	/*	border: 1px solid #003366;*/
}
</style>
</head>
 
<body>
	<div id="zhuceDiv">
		<ul id="nav" style="list-style-position:outside;">
 
			<li><a href="#" _fcksavedurl="#">注册</a>
 
				<ul id="nav2">
					<li><a
						href="/ProjManager/dwhyx&pagelinktype=11&mainpCenterPgd"
						_fcksavedurl="#">单位会员注册</a></li>
 
					<li><a
						href="/ProjManager/grhyx14102=add&isOpen=true"
						_fcksavedurl="#">个人会员注册</a></li>
				</ul>
		</ul>
	</div>
</body>
</html>