您的位置：首页 > Web前端 > CSS

CSS实现三级菜单导航

2016-05-19 14:49 639 查看

<!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 content="text/html; charset=gb2312" http-equiv=Content-Type>

<style type="text/css">



</style>

</HEAD>

<BODY>

<UL id=nav>

<LI class=top><A class=top_link

href="#">首页</A></LI>

<LI class=top><A id=products class=top_link

href="#">关于我们</A>

<UL class=sub>

<LI><A href="#">公司简介</A></LI>

<LI><A href="#">董事长&总裁</A></LI>

<LI><A href="#">发展历程</A></LI>

<LI><A href="#">公司荣誉</A></LI></UL></LI>

<LI class=top><A id=services class=top_link href="#">产品&服务</A>

<UL class=sub>

<LI><A class=fly href="#">产品1</A>

<UL>

<LI><A href="#">配套</A></LI>

<LI><A href="#">配件</A></LI></UL></LI>

<LI><A class=fly href="#">产品2</A>

<UL>

<LI><A href="#">产品2-1</A></LI>

<LI><A href="#">产品2-2</A></LI></UL></LI>

<LI><A class=fly href="#">服务</A>

<UL>

<LI><A href="#">服务111</A></LI>

<LI><A href="#">服务112</A></LI>

<LI><A href="#">服务113</A></LI>

<LI><A href="#">服务114</A></LI>

<LI><A href="#">服务115</A></LI></UL></LI></UL></LI>

<LI class=top><A id=contacts class=top_link

href="#">新闻中心</A>

<UL class=sub>

<LI><A href="#">公告</A></LI>

<LI><A href="#">行业新闻</A></LI></UL></LI>

<LI class=top><A id=hr class=top_link href="#">人力资源</A>

<UL class=sub>

<LI><A href="#">人才战略</A></LI>

<LI><A href="#">社会招聘</A></LI>

<LI><A href="#">公司福利</A></LI></UL></LI>

<LI class=top><A id=investors class=top_link

href="#">合作伙伴</A>

<UL class=sub>

<LI><A href="#">伙伴1</A></LI>

<LI><A href="#">伙伴2</A></LI>

<LI><A href="#">伙伴3</A></LI></UL></LI>

<LI class=top><A id=privacy class=top_link href="#">联系我们</A></LI></UL>

</BODY></HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航