<!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. wampserver下修改mysql root用户的登录密码

    1.安装好wamp后,运行WampServer程序,进入MYSQL控制台; 2.进入控制台后,提示输入密码(不用输入任何密码,因为密码为空),按回车键进入; 3.输入“USE mysql;”然后回车, ...

  2. 一个新人对JavaScript的内容简单介绍

    JavaScript 1.基本的数据类型:字符串  小数  整数  时间日期  布尔型等. 2.变量: JS定义变量通通都是用var开头,var里面可以放任何东西(如:小数,整数,字符串,时间日期等等 ...

  3. break和continue的区别以及标签label的使用

    break表示直接跳出当前循环,break只能运用于switch--case语句以及循环之中 continue则表示跳出当次循环,继续执行下一次循环 label标签则可以选择break,或者conti ...

  4. 转：Python获取随机数（中文）

    下面介绍下random中常见的函数. 前提:需要导入random模块 >>>import random 1.random.random random.random() 用于生成一个0 ...

  5. 转：python webdriver API 之控制浏览器滚动条

    有时候 web 页面上的元素并非直接可见的,就算把浏览器最大化,我们依然需要拖动滚动条才能看到想要操作的元素, 这个时候就要控制页面滚动条的拖动, 但滚动条并非页面上的元素, 可以借助 JavaScr ...

  6. [原创]java WEB学习笔记81：Hibernate学习之路--- 对象关系映射文件(.hbm.xml)：hibernate-mapping 节点，class节点，id节点(主键生成策略)，property节点，在hibernate 中 java类型 与sql类型之间的对应关系，Java 时间和日期类型的映射，Java 大对象类型 的 映射 (了解),映射组成关系

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  7. [摘录]quarts：feature

    Features of Quartz Runtime Environments Quartz can run embedded within another free standing applica ...

  8. [转] FastJson---高性能JSON开发包

    原文地址: FastJson---高性能JSON开发包 Fastjson介绍 Fastjson是一个Java语言编写的JSON处理器,由阿里巴巴公司开发.1.遵循http://json.org标准,为 ...

  9. yii框架各种防止sql注入，xss攻击，csrf攻击

    PHP中常用到的方法有: /*  防sql注入,xss攻击  (1)*/    function actionClean($str)    {        $str=trim($str);      ...

  10. c++中的传参问题

    从概念上讲.指针从本质上讲就是存放变量地址的一个变量,在逻辑上是独立的,它可以被改变,包括其所指向的地址的改变和其指向的地址中所存放的数据的改变. 而引用是一个别名,它在逻辑上不是独立的,它的存在具有 ...