摘要：<html><head><link rel="stylesheet" href="//m.sbmmt.com/static/layui/css/layui.css"><style>* { margin: 0; padding: 0;
<html>
<head>
<link rel="stylesheet" href="//m.sbmmt.com/static/layui/css/layui.css">
<style>
* {
margin: 0;
padding: 0;
}
a:link{
text-decoration: none;
}
.header-index {
min-width: 1200px;
background-color: #000;
border: none;
box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.layui-header {
z-index: 1000;
height: 60px;
}
.layui-header {
position: relative;
}
.php-logo {
height: 60px;
}
.php-logo a {
display: block;
height: 60px;
width: 140px;
background: url(//m.sbmmt.com/static/images/logo.png) no-repeat center center;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 100%;
}
.header .layui-nav {
position: absolute;
left: 160px;
top: 0;
padding: 0;
background: none;
}
.layui-nav {
position: relative;
padding: 0 20px;
background-color: #393D49;
color: #fff;
border-radius: 2px;
font-size: 0;
box-sizing: border-box;
}
.header .layui-nav .layui-nav-item {
margin: 0 10px;
}
.header .php-user li {
float: left;
line-height: 60px;
width: 60px;
}
.header .php-user li span{
color: rgba(255,255,255,.7);
text-align: center;
display: block;
font-weight: bold;
}
.php-user {
position: absolute;
right: 0;
top: 0;
}
.layui-nav-bar{left: 262px; top: 55px; width: 0px; opacity: 0;}
</style>
</head>
<div class="layui-header header header-index">
<div class="layui-col-md3 php-logo">
<a href="javascript:;" target="_self" class="hide-text"></a>
</div>
<ul class="layui-nav php-nav">
<li class="layui-nav-item layui-header-this">
<a href="javascript:;">首页</a>
</li><li class="layui-nav-item ">
<a href="javascript:;" >视频教程</a>
</li>
<li class="layui-nav-item ">
<a href="javascript:;">社区问答</a>
</li>
<li class="layui-nav-item layui-hide-xs ">
<a href="javascript:;">编程词典<span class="layui-nav-more"></span></a>
<dl class="layui-nav-child layui-anim layui-anim-upbit">
<dd><a href="javascript:;">php词典</a></dd>
<dd class="layui-show-xs"><a href="javascript:;">技术文章<span class="layui-badge-dot"></span></a></dd>
<dd><a href="javascript:;">jquery词典</a></dd>
<dd><a href="javascript:;">PHP教程</a></dd>
<dd><a href="javascript:;">html词典</a></dd>
<dd><a href="javascript:;">小程序开发</a></dd>
<dd><a href="javascript:;">javascript词典</a></dd>
<dd><a href="javascript:;">HTML教程</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">手册下载</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">工具下载</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">类库下载</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">特色课程<span class="layui-badge-dot"></span></a>
</li>
<li class="layui-nav-item ">
<a href="javascript:;" >菜鸟学堂</a>
</li>
<span class="layui-nav-bar"></span></ul>
<ul class="php-user">
<li><a href="javascript:;"><span id="login">登录</span></a></li>
<li class="php-reg"><a href="javascript:;"><span id="reg">注册</span></a></li>
</ul>
</div>
</html>
批改老师：韦小宝批改时间：2019-02-01 09:21:04
老师总结：写的很不错 就是要这样去练习才能看到成效 继续加油吧！！
