abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>仿php中文网导航及视频模块布局</title> </head> <style> *{ margin: 0px; padding:&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>仿php中文网导航及视频模块布局</title>
</head>
<style>
*{
margin: 0px;
padding: 0px;
}
body{
background: #F3F5F7;
}
.daohang{
background:#000000;
height:60px;
}
.logo{
margin-left:0px;
display: inline-block;
}
.daohang ul{
margin: -2px 30px;
position: absolute;
line-height: 60px;
display: inline-block;
}
.daohang li{
padding: 0 25px;
display: inline-block;
vertical-align: middle;
color:rgba(255,255,255,.7);
}
.daohang ul .active{
padding: 0 25px;
display: inline-block;
vertical-align: middle;
background:#363C41;
}
.pic{
margin:0px 15px;
padding: 15px;
display: inline-block;
float: right;
}
.pic img{
border-radius: 14px;
}
.video{
width: 780px;
height: 520px;
background: #FFFFFF;
margin: 50px 50px;
border-radius: 20px
}
h4{
margin: 0px 25px;
padding: 10px;
}
.lesson{
margin: 30px 8px;
display: inline-block;
width: 240px;
height: 180px;
}
.lesson img{
border-radius: 25px;
box-shadow: 3px 12px 15px #ccc;
}
</style>
<body>
<!-- 导航 -->
<div>
<div>
<a href="www.php.cn"><img height="60px" src="http://www.php.cn/static/images/logo.png" /></a>
</div>
<ul>
<li>首页</li>
<li>视频教程</li>
<li>社区问答</li>
<li>编程词典</li>
<li>手册下载</li>
<li>工具下载</li>
<li>特色课程</li>
<li>菜鸟学堂</li>
</ul>
<div><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" width="28px" height="28px" /></div>
</div>
<!-- 视频教程 -->
<div>
<h4>最新课程</h4>
<hr/>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
<div><img src="http://img.php.cn/upload/course/000/000/001/5c36af3ee3a3c542.jpeg" width="240px" height="180px" ></div>
</div>
</body>
</html>
Correcting teacher：天蓬老师Correction time：2019-01-13 09:38:21
Teacher's summary：background:#000000;以后不要这样写了, 要么简写: background:#000, 要么用英文: background:blank;