摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>这是CSS第三个测试页</title> &nb
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>这是CSS第三个测试页</title> <link rel="shortcut icon" type="image/x-icon" href="images/logo1.png" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /> </head> <body> <div class="header"> <div class="header_left"> <a href="#">网易首页</a> <a class="header_a" href="#">应用<i class="fa fa-angle-down"></i></a> </div> <div class="header_right"></div> </div> </body> </html>
*{margin:0px;padding:0px;}
a{text-decoration: none;color: #ffffff;margin-left:5px;font-size: 14px;}
.header{width:100%;height:48px;background-color: #282828;}
.header_left{margin-left: 50px;width:200px;height:48px;float:left;line-height: 40px;}
.header_right{width:600px;height:48px; float:right;line-height: 48px;}
.header_a{display:inline-block;width:50px;height:48px;text-align: center;}
.header_a:hover{background-color:#ccc;}
批改老师：灭绝师太批改时间：2018-11-13 11:19:41
老师总结：有太简单啦，达不到练习的效果，可以加大点测试力度
