zoukankan      html  css  js  c++  java
  • 一个经典的导航条

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>www.52css.com</title>
    <style type="text/css">
    <!--
    #nav {
    height: 30px;
    100%;
    background-color: #c00;
    }
    #nav ul {
    margin: 0 0 0 30px;
    padding: 0px;
    font-size: 12px;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
    }
    #nav li {
    list-style-type: none;
    display: inline;
    }
    #nav li a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px 10px;
    color: #FFF;
    }
    #nav li a:hover {
    color: #ff0;
    background-color: #f00;
    }
    -->
    </style>
    </head>
    <body>
    <div id="nav">
    <ul>
    <li><a href="http://www.52css.com/">HomePage</a></li>
    <li><a href="http://www.52css.com/">Div+CSS教程</a></li>
    <li><a href="http://www.52css.com/">CSS布局实例</a></li>
    <li><a href="http://www.52css.com/">CSS2.0教程 </a></li>
    <li><a href="http://www.52css.com/">CSS在线手册</a></li>
    <li><a href="http://www.52css.com/">Web标准</a></li>
    <li><a href="http://www.52css.com/">XHTML教程</a></li>
    </ul>
    </div>
    </body>
    </html>

  • 相关阅读:
    Vue v-if v-for v-bind v-on
    Vue v-bind的使用
    Vue绑定事件
    vue绑定内联样式
    Vue简单使用
    js实现UTC时间转为北京时间,时间戳转为时间
    setTimeOut函数传参数
    直播聊天室,点亮效果,jquery实现
    聊天室自动滚动效果实现
    融云rongCloud聊天室的使用
  • 原文地址:https://www.cnblogs.com/dayday/p/3514945.html
Copyright © 2011-2022 走看看