导航

作者: neko233 | 来源:发表于2018-09-12 10:10 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }

            .title{
                width: 896px;
                height: 38px;
                font-size: 12px;
                border: 2px #8E8E8E solid;
                margin: 100px auto;
            }
            li{
                display: block;
                float: left;
                font: 14px "微软雅黑" #333;
                margin: 10px 0;
                position: relative;
                left: 170px;
            }
            a{
                text-decoration: none;
                color: #000000;
            }
            a:hover{
                color: red;
            }
            span{
                margin: 0 20px;
            }
            ul{
                text-align: center;
            }

        </style>
    </head>
    <body>
        <div class="title">
            <ul class="content">
                <li><a href="#">首页</a></li>
                <li><span>|</span></li>
                <li><a href="#">网站建设</a></li>
                <li><span>|</span></li>
                <li><a href="#">程序开发</a></li>
                <li><span>|</span></li>
                <li><a href="#">网络营销</a></li>
                <li><span>|</span></li>
                <li><a href="#">企业VI</a></li>
                <li><span>|</span></li>
                <li><a href="#">案例展示</a></li>
                <li><span>|</span></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </body>
</html>

相关文章

  • 前段常用单词

    一、导航类 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sideba...

  • 移动导航类型

    tab 导航 抽屉导航 list导航 九宫格导航 复合导航

  • APP导航设计模式

    导航主要分为两大类,横向和纵向。横向的导航有:标签导航、舵式导航、tab导航、轮播导航;纵向的导航有:宫格导航、下...

  • 标签式导航的设计思路

    导航分很多类别,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在我的...

  • Bootstrap-导航菜单-2018.07.07

    Bootstrap-导航菜单 nav 标签式导航 胶囊式导航 垂直胶囊式导航 两端对齐导航 导航元素下拉菜单

  • iOS应用导航模式

    IOS导航模式: 标签导航模式、桌面式模式、抽屉式导航、列表式导航、 点聚式导航、下拉菜单式导航、轮播导航 接下来...

  • Tailwind Navbar

    导航栏 PC导航栏仿Airbnb导航条 PC导航条添加图标 PC导航条上图下字 移动端导航条

  • 程序员导航

    转载自:程序员不可不知的导航 导航网址 极客导航 导航湾 nice导航 GitFox 程序员工具箱 沃克导航 去瞧瞧导航

  • 李亚涛:网址导航网站提交

    大家对网址导航应该不陌生,比如HAO123网址导航,114网址导航,2345导航,360导航,搜狗网址导航等等 网...

  • 交互设计学习_2_移动产品模式设计之导航

    在信息架构设计环节中需要设计产品的页面导航,常见的一级导航有标签导航、分段式导航、抽屉导航、舵式导航;二级导航有列...

网友评论

      本文标题:导航

      本文链接:https://www.haomeiwen.com/subject/xksmgftx.html