下拉菜单 DIV+CSS

最新推荐文章于 2024-04-24 09:27:42 发布

静叶01

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量381

点赞数

分类专栏： html 文章标签： html div css

本文链接：https://blog.csdn.net/airujingye/article/details/41826639

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!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>

静叶01

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
下拉菜单 DIV+CSS

zhcuel.html-->#nav { line-height: 24px; list-style-type: none; background: #666; list-style-position: outside;}#nav2 { /* line-height: 24px; list-style-type: none; background: #666; *
复制链接

扫一扫