摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>wed前端第三讲总结</title> <link rel="shortcut icon" type="
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>wed前端第三讲总结</title> <link rel="shortcut icon" type="x-icon" href="favicon.ico"> <link rel="stylesheet" href="css.css"> <style> *{margin: 0; padding:0;} .content{width: 1200px; height:80px;box-shadow: 0 10px 100px red inset;} .content ul li{list-style:none; text-align: center;position: relative;top:-80px;} .content ul li a{width: 100px; height: 80px; line-height: 80px; font-size: 18px;display:inline-block;text-decoration: none; font-size: 18px} .content ul li a:hover{font-weight: bold;background-color:red; color:#fff;} .logo{background:url(http://www.cocodiy.com/Public/Web/images/icon_all.png) no-repeat -200px -50px;width: 180px; height: 60px;margin-top:15px;margin-left:20px; display: inline-block} .sou{width: 210px; height: 40px;display: inline-block;position: relative;left: 950px;top: -140px} .sou-l{height: 30px; width: 200px; border:none; box-shadow: 0 5px 20px red inset; padding:5px 0 5px 10px;border-radius:200px;} .sou-r{height: 40px;width: 50px;border:none;background: red; color: #fff;border-radius: 0 20px 20px 0;position: relative;left: 160px;top:-40px;} </style> </head> <body> <div style="width:1200px; margin:0 auto"> <div> <div></div> <ul> <li> <a href="#">首页</a> <a href="#">礼品</a> <a href="#">攻略</a> <a href="#">物流</a> <a href="#">积分</a> <a href="#">关于</a> </li> </ul> <div><form action=""><input type="text" placeholder="相关搜索“生日礼物”"> <button>搜索</button></form></div> </div> <div> </div> </div> </body> </html>
批改老师:灭绝师太批改时间:2018-11-07 08:59:28
老师总结:将a标签本身自带颜色去掉,导航应该会好看点,知识点运动的不错,继续加油