zoukankan      html  css  js  c++  java
  • htmlnav

    <!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; 100%;z-index: 999;}
    .pw{ 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>
    

      

  • 相关阅读:
    Effective JavaScript: 编写高质量JavaScript代码的68个有效方法(目录)
    第 13 条:使用立即调用的函数表达式创建局部作用域
    第11条:javascript闭包(Effective JavaScript读书笔记)
    .net各类视频教程
    IIS7视频教程
    快速排序
    冒泡排序
    python骚气的写法:b = lambda i, x: (tf.compat.v1.Print(i + 1, [i]), tf.compat.v1.Print(x + 1, [i], "x:"))
    服务器要放到水下
    keras包含各种内置层
  • 原文地址:https://www.cnblogs.com/mengluo/p/5907036.html
Copyright © 2011-2022 走看看