浅绿色简洁CSS导航菜单代码
代码简介:
浅绿色很多网站都有的简洁CSS栏目导航条,响应鼠标变色,兼容大多WEB浏览器,看着也很舒服,直接复制就可用。
代码内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>浅绿色简洁CSS导航菜单代码_网页代码站(www.webdm.cn)</title> <style type="text/css"> <!-- ul#navlist { font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #6c6; margin: 0; } ul#navlist li { float: left; height: 21px; background-color: #cfc; margin: 2px 2px 0 2px; border: 1px solid #6c6; } li#active a { border-bottom: 1px solid #fff; background-color: #fff; } li#active a { color: #000; } #navlist a { float: left; display: block; color: #666; text-decoration: none; padding: 4px; } #navlist a:hover { background: #fff; } --> </style> </head> <body> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="/" id="current">WebDm.CN</a></li> <li><a href="/">ASP</a></li> <li><a href="/">AJAX</a></li> <li><a href="/">JQUERY</a></li> <li><a href="/">EXT</a></li> </ul> </div> </body> </html> <br> <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
代码来自:http://www.webdm.cn/webcode/cd0f58cf-3303-44cf-bfe9-cd5f40311896.html