管理界面的头

Posted yasepix

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了管理界面的头相关的知识，希望对你有一定的参考价值。

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <style type="text/css">
            *{
                padding: 0;
                margin: 0;
            }
            #header{
                min-width: 760px;
                background-color: #3a8ee6;
                height: 38px;
            }
            #header .logo {
                padding: 10px 10px 0 20px;
                float: left;
            }
            #header ul{
                float: left;
                display: inline-block;
                list-style-type: none;
                line-height: 38px;
            }

            #header ul li{
                list-style-type: none;
                display: inline-block;
            }

            #header a{
                display: inline-block;
                text-decoration: none;
                padding: 0 20px;
                color: whitesmoke;
            }
            #header a:hover{
                background-color: #66b1ff;
                color: #000028;
            }

            #header .headerright{
                float: right;
                display: inline-block;
                line-height: 38px;
                margin-right: 20px;
                font-size: large;
            }
        </style>
    <link rel="stylesheet" href="static/css/font-awesome.css">
    </head>
<body>

<div class="container">

<div id="header">
    <img class="logo" src="static/logo.png"/>
    <ul>
        <li> <a href="test2.html"><i class="fa fa-home"></i>&nbsp;首页</a></li>
        <li><a href="test2.html"><i class="fa fa-superpowers"></i>&nbsp;产品介绍</a></li>
        <li><a href="test2.html"><i class="fa fa-book"></i>&nbsp;奇葩特色</a></li>
        <li><a href="test2.html"><i class="fa fa-link"></i>&nbsp;关于我们</a></li>
    </ul>
    <div class="headerright">
        <a href="test2.html">
            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
        </a>
    </div>
</div>
</div>

</body>
</html>

 

以上是关于管理界面的头的主要内容，如果未能解决你的问题，请参考以下文章

管理界面的头

管理界面的头2

VIM 代码片段插件 ultisnips 使用教程

有人知道下面的代码片段是啥意思吗？

在下面的代码片段中的剩余 ='passthrough' 处的代码中出现语法错误

arx代码片段