简洁标准的CSS导航菜单代码，红色高亮风格

发布时间：2018-08-14 05:19:56 所属栏目：创业来源：站长网

导读：简捷尺度的CSS导航菜单代码，赤色高亮气魄威风凛凛。极简捷的尺度型CSS菜单，代码少，回收常见的DIV/UL/LI列表的情势，修改二次开拓都利便，小我私人感受网站照旧不要弄的太伟大，事实我们都不是太专业，代码伟大化轻易给蜘蛛抓取带来贫困，速率和流量是成正比的哦。

　　简捷尺度的CSS导航菜单代码，赤色高亮气魄威风凛凛。极简捷的尺度型CSS菜单，代码少，回收常见的DIV/UL/LI列表的情势，修改二次开拓都利便，小我私人感受网站照旧不要弄的太伟大，事实我们都不是太专业，代码伟大化轻易给蜘蛛抓取带来贫困，速率和流量是成正比的哦。

　　演示：

<!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> <title>CSS横向菜单</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style> #navigation { font-family: Arial, Helvetica, sans-serif; font-size: .9em; } #navigation ul { list-style: none; margin: 0; padding: 0; padding-top: 4px; } #navigation li { display: inline; } #navigation a:link, #navigation a:visited { padding: 3px 10px 2px 10px; color: #FFFFFF; background-color: #B51032; text-decoration: none; border: 1px solid #711515; } #navigation a:hover { color: #FFFFFF; background-color: #711515; } </style> </head> <body> <div id="navigation"> <ul> <li><a href="#">CSS教程</a></li> <li><a href="#">剧本资源</a></li> <li><a href="http://www.veryhuo.com">站长学院</a></li> <li><a href="#">软件下载</a></li> <li><a href="#">CSS教程</a></li> <li><a href="#">剧本资源</a></li> <li><a href="#">站长学院</a></li> <li><a href="#">WEB2.0</a></li> </ul> </div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2021创业做什么好？低	香港虚拟主机，香港虚
《启航当风起时》起于	域名最网站至关重要如