导航栏的实现

Original 2018-11-01 21:03:29 151
abstract:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>常用的导航栏案例</title> <!-- css样式 --> <style type="text/css"> body { margin: 0px; padding: 0px; } ul , li { margin: 0px; padding: 0px; list-style: none; } header { background:#efefef; } .nav { width:1200px; margin: 0px auto; height:37px; font-size: 12px; color: #999; line-height: 37px; } .nav li{ float: left; margin-right: 24px; } .nav a { color:#999; text-decoration: none; } .nav_left { float:left; } </style> </head> <body> <!-- 导航栏 --> <header> <div class="nav"> <!-- 导航栏左边的 --> <div class="nav_left"> <ul> <li>喵,欢迎来到天猫</li> <li><a href="#">请登录</a></li> <li><a href="#">免费注册</a></li> </ul> </div> <!-- 导航栏右边的 --> <div class="nav_right"></div> </div> </header> </body> </html>

Correcting teacher:灭绝师太Correction time:2018-11-01 22:58:48
Teacher's summary:代码复制的时候格式讲究一点, 注意换行, , 继续加油吧

Release Notes

Popular Entries