<!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. SQL注入攻击之关键字检测

    最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来.我们都知道计算机技术发展日新月异,速度惊人的快,你我稍不留神,就会被慢慢淘汰!因此:每日不间断的学习是避免被 ...

  2. PostgreSQL Replication之第十二章 与Postgres-XC一起工作（5）

    12.5 创建表和发送查询 介绍了Postgres-XC以及其底层的思想之后,是时候创建我们的第一个表,看看集群将如何表现.下面的例子演示了一个简单的表.将使用id列的哈希键来分布它: test=# ...

  3. B/S与C/S区别

    B/S (Brower/Server)-->浏览器/服务器 程序完全部署在服务器上,用户通过浏览器访问应用程序,它是基于internet产物(在应用服务器中部署运行程序) c/s(Client/ ...

  4. yii添加行的增删改查

    效果图: 控制器: <?phpnamespace backend\controllers;use Yii;use yii\web\Controller;use backend\models\Zh ...

  5. ACdream 1104 瑶瑶想找回文串（SplayTree + Hash + 二分）

    Problem Description 刚学完后缀数组求回文串的瑶瑶(tsyao)想到了另一个问题:如果能够对字符串做一些修改,怎么在每次询问时知道以某个字符为中心的最长回文串长度呢?因为瑶瑶整天只知 ...

  6. URAL 1416 Confidential（次小生成树）

    题目链接:http://acm.timus.ru/problem.aspx?space=1&num=1416 Zaphod Beeblebrox — President of the Impe ...

  7. 对EV-Globe5.0资源体系的简单理解

           如果直接从OpenGL或DirectX底层做起的话,根本就不存在资源管理这一个思想.所谓的资源,就是说内容要从文件读取为我所用的那些文件,所以我们看到的更多的是模型.骨骼.材质.着色器. ...

  8. 四种MySQL存储引擎

    前言 数据库存储引擎是数据库底层软件组织,数据库管理系统(DBMS)使用数据引擎进行创建.查询.更新和删除数据.不同的存储引擎提供不同的存储机制.索引技巧.锁定水平等功能,使用不同的存储引擎,还可以 ...

  9. 如何对HashMap按键值排序

    Java中HashMap是一种用于存储“键”和“值”信息对的数据结构.不同于Array.ArrayList和LinkedLists,它不会维持插入元素的顺序. 因此,在键或值的基础上排序HashMap ...

  10. android 学习随笔一(配置调试与基础)

    一.基础与开发环境安装配置 Memory Options: VM Heap表示每个应用所能占用的最大内存. Android 项目目录结构 SRC java源码 android.jar 导入jar才能使 ...