导航布局 html +css

Original 2019-04-17 13:52:41 232
abstract:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小小简单大方通用导航条 DIVCSS5实例</title> <link hre

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小小简单大方通用导航条 DIVCSS5实例</title> <link href="images/style.css" rel="stylesheet" type="text/css" /> <!-- www.divcss5.com --> </head> <body> <ul id="nav"> <li><a href="http://www.divcss5.com/">首页</a></li> <li><a href="http://www.divcss5.com/html/">HTML教程</a></li> <li><a href="http://www.divcss5.com/rumen/">CSS基础</a></li> <li><a href="http://www.divcss5.com/css-tool/">CSS开发工具</a></li> <li><a href="http://www.divcss5.com/css-texiao/">CSS特效</a></li> <li><a href="http://www.divcss5.com/wenji/">CSS问题</a></li> </ul> </body> </html> 

@charset "utf-8"; /* DIVCSS5-CSS初始化模板-www.divcss5.com */ body, div, ul, li{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif} /* \5B8B\4F53 代表 宋体,更多中文字体转 Unicode http://www.divcss5.com/jiqiao/j325.shtml */ ol, ul ,li{list-style:none} img {border: 0; vertical-align:middle} body{color:#000000;background:#FFF; text-align:center} .clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px} a{color:#000000;text-decoration:none}  a:hover{color:#BA2636}  .red ,.red a{ color:#F00} .lan ,.lan a{ color:#1E51A2} .pd5{ padding-top:5px} .dis{display:block} .undis{display:none}  ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} ul#nav li{display:inline; height:60px} ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; 
color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} ul#nav li a:hover{background:#0095BB} 

Correcting teacher:查无此人Correction time:2019-04-17 14:00:25
Teacher's summary:代码有点乱呀。而且也不完整。是不是没拷贝过来。继续加油

Release Notes

Popular Entries