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>


Android学习之简单导航页的实现

关于ViewPager的描述   1)ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类。   2)ViewPager类需要一个PagerAda...
  • qq_28468727
  • qq_28468727
  • 2016年08月11日 22:42
  • 1593

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

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

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

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

导航页面ViewPager和欢迎界面的实现

源码下载: 在activity_welcome.xml文件中,   xml version="1.0" encoding="utf-8"?> RelativeLayout xmlns:android=...
  • wo_ha
  • wo_ha
  • 2016年04月26日 14:01
  • 1155

Android使用ViewPager实现带指示点的页面导航效果

老样子,先上效果图: 参考博客:Android App 第一次打开时的引导界面 先上布局文件:其中activity_main.xml文件并没有什么作用。 activity_main.xm...
  • mate_ge
  • mate_ge
  • 2017年01月12日 18:09
  • 798

Android-“启动页” 和 "左右导航"

前言本文介绍一下APP常用的启动页和左右导航页面的使用。 需求: 先判断是否第一次启动app,如果是,则进入功能使用导航(最简单的做法就是,左右滑动切换查看,滑动到最后一页点击按钮进入首页)。 如...
  • zouzhigang96
  • zouzhigang96
  • 2016年01月25日 11:15
  • 788

Android常见框架:启动页+ViewPager+Fragment+FragmentTabHost底部导航栏整合实现

Android常见框架:启动页+ViewPager+Fragment+FragmentTabHost,Android启动页,APP引导即第一次安装APP时进入的APP介绍页面,以及底部导航栏整合实现,...
  • qq_26570353
  • qq_26570353
  • 2017年05月05日 09:41
  • 815

玩转Web之html+CSS(一)---论坛首页表格的实现

最近本来想去写一个类似论坛的页面,论坛首页一般都需要一个表格去显示数据,自己简单的写了一下,先上一张图 css代码: /*基本信息*/ body{ margin:0px; ...
  • u012116457
  • u012116457
  • 2014年07月13日 10:14
  • 1499

BottomTabBar实现底部导航页

1.导依赖: compile 'com.hjm:BottomTabBar:1.0.0' 2.在XML中定义一下该控件:
  • u011909018
  • u011909018
  • 2017年11月04日 16:43
  • 86

ViewPager实现导航页

我们在首次安装app时,往往会发现会有导航页。 导航页一般用于介绍功能和引导使用,那我们其实可以用ViewPager实现。 ViewPager用于实现多页面的滑动切换效果,使用时需要引入“andr...
  • u010968787
  • u010968787
  • 2015年03月21日 19:06
  • 533
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML+CSS实现导航页
举报原因:
原因补充:

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