Home > Article > Web Front-end > A DIV CSS navigation menu code that is very suitable for corporate websites_html/css_WEB-ITnose
Code introduction: This kind of horizontal and concise CSS menu can often be seen in some corporate websites. It is completely based on CSS DIV technology and complies with WEB standards. There is not much code and it is easy to understand and modify. , just learn it as a novice
Code content:
<!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>做企业站很适合的一款DIV+CSS导航菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css">body{ background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #555555; padding: 0px; margin: 5px; text-align: center; font-size: 12px;}#nav{ height: 43px; width: 566px; background: #FFF; margin:10px auto; }.vline{ background: #999; width: 1px; height: 20px; }#nav ul{ margin:0px; padding: 0px; list-style-type: none;}#nav li{ float: left; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center;}#nav li a{ display: block; width: 86px; line-height: 28px; color: #555555; text-decoration: none; /*http://webdm.cn*/ border-top: 4px solid #0F35A5; }#nav li a:hover{ color: #7C8DD9; border-top: 4px solid #7C8DD9; }</style></head><body><div id="nav"><ul><li><a href="/">公司首页</a></li><li class="vline"></li><li><a href="http://webdm.cn">产品介绍</a></li><li class="vline"></li><li><a href="/">网页特效</a></li><li class="vline"></li><li><a href="http://webdm.cn">联系我们</a></li><li class="vline"></li><li><a href="/">新闻中心</a></li><li class="vline"></li><li><a href="/">语言切换</a></li><li class="vline"></li></ul></div></body></html><br><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
Code from: http://www.webdm.cn/webcode/89aec196-3c67- 4043-a612-e39300d7d667.html