<!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. 一次数据库hang住的分析过程

    现象: 普通用户和sysdba都无法登陆,业务中断 分析过程: 1.先做hanganalyze和systemstate dump $sqlplus -prelim "/as sysdba&q ...

  2. Effective C++ 1.让自己习惯C++

    //条款01:视C++为一个语言联邦 // 1:C++主要包含的语言为: // A:C.说到底C++仍然以C为基础.区块(blocks).语句.预处理器.内置数据类型.数组.指针等均来自于C.许多时候 ...

  3. G面经prepare: Sort String Based On Another

    Given a sorting order string, sort the input string based on the given sorting order string. Ex sort ...

  4. F面经：painting house

    There are a row of houses, each house can be painted with three colors red, blue and green. The cost ...

  5. [原创]java WEB学习笔记50：文件上传案例

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  6. myeclipse项目里有红色感叹号

    myeclipse项目里有红色感叹号 这种情况是因为 .classpath 文件里面配置引用了某个jar,但是实际上你的 lib 里面并没有这个jar 所以才会有红色的提示. 不用拿.classpat ...

  7. ArrayList和LinkList区别

    ArrayList和LinkList区别 前者是数组的数据结构,后者是链表的数据结构 前者应用于排序和查找,后者应用于插入删除

  8. ol,ul,dl,table标签的基本语法

    ol,ul,dl,table标签的基本语法 有序列表: 无序列表:                                  自定义列表: <ol> <ul> < ...

  9. springday04-go2

    练习:计算一个人的bmi指数.算法如下: 身高 单位是米 比如1.70 体重 单位是公斤 比如90 bmi指数 = 体重/身高/身高 如果bmi>24过重,否则正常.视图需要两个,一个是bmi_ ...

  10. Servlet里写验证码

    public class CodeServlet extends HttpServlet { /** * The doGet method of the servlet. <br> * * ...