| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>导航栏</title> | |
| <style type="text/css"> | |
| *{margin: 0;padding: 0;} | |
| ul{list-style: none;margin:30px auto;height: 30px;border-bottom: 10px solid red;width: 1000px;} | |
| a{display: block;float: left;text-decoration: none;color:#FF4500;width: 120px;height:30px;text-align: center; line-height:30px;} | |
| a:hover{background:blue; | |
| color: #000000;height: 40px;margin-top: -10px;line-height: 40px;} | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <ul> | |
| <li><a href="#">首页</a></li> | |
| <li><a href="#">新闻资讯</a></li> | |
| <li><a href="#">产品中心</a></li> | |
| <li><a href="#">售后服务</a></li> | |
| <li><a href="#">联系我们</a></li> | |
| </ul> | |
| </div> | |
| </body> | |
| </html> |
Perona