HTML+CSS实现导航页

原创 2015年07月08日 19:55:49
<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>


相关文章推荐

SSC导航页HTML

  • 2015年08月02日 02:50
  • 666KB
  • 下载

[HTML] 琐琐碎碎(三)——框架及内联框架(用框架制作导航页)

HTML 框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 实例 垂直框架本例演示:如何使用三份不同的文档制作一个垂直框架。水平框架本例演示:如何使用三份不同的文档制...

利用HTML5的本地存储制作的个性化导航页

本人做了一个HTML5页面,用于管理自己经常访问的网站。 数据使用HTML5的localStorage存储。下面是完整的页面代码。 a{margin:15px;font-size:28px;}...
  • tiana0
  • tiana0
  • 2016年10月18日 12:42
  • 624

使用TabLayout实现仿今日头条的导航页效果

在之前做项目的时候,想要去实现类似今日头条那种导航页效果,大家可能会去githug上找一些开源框架,比如ViewPagerIndicator,没错,在我刚不如安卓开发这一行业的时候,就是使用这个框架,...
  • znouy
  • znouy
  • 2016年09月09日 17:04
  • 925

Android开发之利用ViewPager实现导航页和滑动标签页效果

Android开发之利用ViewPager实现导航页和滑动标签页效果 标签: viewpager导航页效果滑动标签导航栏滑动view 2014-05-27 17:44 10880人阅读 评...

Android开发之利用ViewPager实现导航页和滑动标签页效果

ViewPager这个组件的意义就是实现
  • mad1989
  • mad1989
  • 2014年05月27日 17:44
  • 20749

android导航页(欢迎页实现十分简单)

首先要弄明白原理,大致了解一下该流程 1、创建一个类继承自SimplePagerFragment,实现对导航页面的页面循环的设置、背景颜色的设置以及页面监听事件的设置 2、创建类定义每一个的页面(...

Android 各种方法实现导航页

  • 2015年05月29日 14:54
  • 2.51MB
  • 下载

Android 利用ViewPager实现导航页滑动效果

刚开始搞导航页时从网上找到个叫
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML+CSS实现导航页
举报原因:
原因补充:

(最多只允许输入30个字)