<!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. 学习OpenCV——Kalman滤波

    背景: 卡尔曼滤波是一种高效率的递归滤波器(自回归滤波器), 它能够从一系列的不完全及包含噪声的测量中,估计动态系统的状态.卡尔曼滤波的一个典型实例是从一组有限的,包含噪声的,对物体位置的观察序列(可 ...

  2. The golden ratio: 1.618

    http://www.chinaz.com/design/2015/1109/467968_2.shtml The golden ratio: 1.618 a/b=b/(a+b) The Fibona ...

  3. Codeforces Round #288 (Div. 2)

    A. Pasha and Pixels     题意就是给一个n*m的矩阵,k次操作,一开始矩阵全白,一次操作可以染黑一个格子,问第几次操作可以使得矩阵中存在一个2*2的黑色矩阵.直接模拟即可 代码: ...

  4. Ajax 核心函数

    今天刚刚了解了Ajax的一个核心函数,由于对javascript还没有系统的学习,目前还没有深入研究Ajax.但是在运用此函数的同时也发现了一些问题--编码问题.这样在后台接收到的URL参数若果有汉字 ...

  5. ios 开源代码

    .开源代码 http://www.oschina.net/iOS/codingList/365/ios-button http://www.devdiv.com/iOS_iPhone-iOS6%E6% ...

  6. JQ 获取单选按钮选中的值

    ==========================html 代码 <input type="radio" style="float: left " on ...

  7. My sql 日期格式化

    DATE_FORMAT() 函数用于以不同的格式显示日期/时间数据. 语法 DATE_FORMAT(date,format) select DATE_FORMAT(NOW(),'%Y-%m-%d %H ...

  8. sql except 用法，找两个表中非共同拥有的

    ;with tt as (select a.id as id from [dbo].[1234] a where a.id not in (select a.ProtocolID from Proto ...

  9. 夺命雷公狗ThinkPHP项目之----企业网站29之网站前台左侧导航的高亮显示

    其实这里就是加多一段jq代码即可: 首先加一个id : 然后在下面加多一段jq代码即可: <script type="text/javascript"> $(docum ...

  10. （一）MapReduce篇之InputFormat,InputSplit,RecordReader(转)

    平时我们写MapReduce程序的时候,在设置输入格式的时候,总会调用形如job.setInputFormatClass(KeyValueTextInputFormat.class);来保证输入文件按 ...