<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>食日谈</title>

</head>

<style type="text/css">

*{padding: 0px;margin: 0px;}

/

.header{height: 73px;background: #fff;position: fixed;top:0;left:0;background: #fff;width: 100%;z-index: 999;}

.pw{width: 1140px;margin: 0 auto;}

.logo{float: left;padding: 12px 20px 0;margin: 10px;}

.nav ul li{float: left;font-size: 16px;margin: 0 23px;list-style: none;padding-top:35px; }

.nav ul li  a{    color: #85847f;font-weight: 700;}

.nav ul li ul{position: absolute;display: none;}

.nav ul li ul li{float: none;}

.er li{line-height: 0px;}

.nav ul li:hover ul{display: block;}

a{margin:0;padding:0;font-size:100%;background:transparent;text-decoration: none;}

.login a{color: #666;line-height: 95px;margin: 0 0 0 20px;font-size: 12px;}

.searchbtn {background: url(http://www.10ritan.com/images/header02.png) 50% no-repeat;padding: 50px; float: right;cursor: pointer;margin: -99px 40px 0px 0px;}

</style>

<body>

	<div class="content">

		<!--头部文件-->

		<div class="header">

			<div class="pw">

				<div class="nav">

					<div class="logo"><img src="http://www.10ritan.com//images/logo.png"></div>

				<ul class="ul">

					<li><a href="index.html">首页</a></li>

					<li class="xl"><a href="shitai.html">食 • 态</a>

						<ul class="er">

							<li><a href="shitai.html?1_1">将来食</a></li>

							<li><a href="shitai.html?1_1">将来食</a></li>

							<li><a href="shitai.html?1_1">将来食</a></li>

						</ul>

                    </li>

                    <li><a href="index.html">食•谱</a></li>

                    <li><a href="index.html">食•聊</a></li>

                    <li><a href="index.html">食•熟</a></li>

                    <li><a href="index.html">食•熟</a></li>

                    <li><a href="index.html">食•熟</a></li>

				</ul>

				<div class="login"><span><a href="">登录</a></span><span><a href="">注册</a></span></div>

				<div class="searchbtn"></div>

				</div>

			</div>

		</div>

	</div>

</body>

</html>

　　

htmlnav的更多相关文章

随机推荐

  1. Java基础之写文件——使用多个视图缓冲区（PrimesToFile2）

    控制台程序.本例将对应于每个素数的数据以三个连续数据项的形式写入: 1.以二进制值表示的字符串长度值(最好是整型,但本例使用double类型): 2.素数值的字符串表示”Prime=nnn“,其中数字 ...

  2. java 笔记(2) —— 内部类的作用

    一.内部类简介 个人觉得内部类没多少研究价值,GUI中的事件响应算是非常典型的应用了. Java内部类其实在J2EE编程中使用较少,不过在窗口应用编程中特别常见,主要用来事件的处理.其实,做非GUI编 ...

  3. Azure 负载均衡和可用性集

    首先要2台以上的虚拟机,一开始我找了好久都没找到如何在一个云服务里添加多个虚拟机. 因为我使用的是快速创建,快速创建的界面是要新建一个云服务的,如果你输入现有的云服务名字,它会提示你重名了. 你要用[ ...

  4. leetcode143- Reorder List问题

    题目要求: Given a singly linked list L: L0→L1→…→Ln-1→Ln,    reorder it to: L0→Ln→L1→Ln-1→L2→Ln-2→… You m ...

  5. 为什么要在block用weak self

    block会给内部所有的对象引用计数加一,这一方面会带来潜在的retain cycle,不过我们可以通过Weak Self的手段解决.另一方面比较重要就是,它会延长对象的生命周期. 在block前面写 ...

  6. 文字排版一律用plist

    NSMutableArray *newhealthArr = [NSMutableArray new]; NSArray *healthTitleArr = [NSArray arrayWithCon ...

  7. JAVA-环境部分

    JAVA环境 1.jdk 1.从Oracle网站下载安装包(32位.64位) 2.安装目录不用中文或空格 3.配置环境变量 1作用:提供jdk存放位置信息 2系统环境变量 1增加-JAVA_HOME= ...

  8. each实现原理

    <script> function isEach(arr, callback) { for (var i in arr) { callback(i, arr[i]); } }; funct ...

  9. C++之路进阶——hdu2222（Keywords Search）

    /*Keywords Search Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others) ...

  10. XMLHttpRequest Level2实现跨域

    Html5提供的XMLHttpRequest Level2已经实现的跨域访问以及一些新功能 1.ie10以下版本不支持 2.在服务器端做一些小改动即可: header("Access-Con ...