HTML+CSS实现导航页
<DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航</title>
		<style type="text/css">
			*
			{margin:0px;
			padding:0px;
			}
			.nav{
				width:960px;
				height:33px;
				background-color:#CCC;
				font-size:14px;
				font-family:"微软雅黑";
				margin:0px auto;<!-- 居中 -->
				
			}
			.nav ul{
				line-height:33px;
				margin-left:40px;
			}
			.nav ul li{
				float:left;
				width:140px;
				list-style:none;
	
			}
			.nav ul li a{
				font-size:14px;
				text-decoration:none;
				
			} 
			.nav ul li a:hover {
				background-color:#FFF;
				padding:5px 20px;
				color:#000;
				border:solid 3px;
			}
		</style>
	</head>
	<body>
		<div class="nav">
			<ul>
				<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>
		</div>
	</body>
	
</html>


阅读更多
文章标签: HTML CSS 导航页
个人分类: 网页
想对作者说点什么? 我来说一句

Android 各种方法实现导航页

2015年05月29日 2.51MB 下载

没有更多推荐了,返回首页

不良信息举报

HTML+CSS实现导航页

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭