abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>导航条</title> <style type="text/css"> *{padding: 0px;margin:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>导航条</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .div0{font-family: 楷体;color:#DE1872;} ul li{width: 100px;height: 40px; list-style: none;float:left; background-color: #ccc;text-align: center;line-height: 40px;margin: 0px 1px;} ul li:hover{background-color: pink;} .div1{background-color:#ccc;display: none;} #xm:hover .div1{display: block;} a{text-decoration: none;display:block;} .div2{clear: both;} .DIV0{width: 510px;height: 300px;margin: 0px auto;background: #DCE0E8;text-align: center;} </style> </head> <body> <div> <div><h1>导航条</h1></div> <ul> <li id="xm">姓名 <div> <a href="#">姓名1</a> <a href="#">姓名2</a> <a href="#">姓名3</a> </div> </li> <li>学号</li> <li>班级</li> <li>课程</li> <li>成绩</li> </ul> <div></div> <div><h1>完成</h1></div> </div> </body> </html>
Correcting teacher:天蓬老师Correction time:2019-01-10 16:42:25
Teacher's summary:a{text-decoration: none;display:block;} 以后, 必须一个样式一行, 不要再这样写成一行了