一款适合英文网站使用的CSS下拉菜单

发布时间：2018-09-04 11:14:37 所属栏目：创业来源：站长网

导读：一款得当英文网站行使的CSS下拉菜单。固然下拉菜单计划得尚有点粗拙，但整体感受不错，根基的套路都有了，剩下的修修剪剪，懂CSs的本身下手一下，把气魄威风凛凛修改成你喜好的。示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org

　　一款得当英文网站行使的CSS下拉菜单。固然下拉菜单计划得尚有点粗拙，但整体感受不错，根基的套路都有了，剩下的修修剪剪，懂CSs的本身下手一下，把气魄威风凛凛修改成你喜好的。

　　示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Dropdown 下拉菜单</title> <style type="text/css">  </style> </head> <body> <p>CSS Dropdown mainmenu Example</p> <div class="wrapper"> <div class="mainmenu"> <ul class="menu"> <li class="list"> <a class="category" href="#Home">Home</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#about">About Us »</a></li> <ul class="submenu"> <li><a href="#about1">About link 1</a></li> <li><a href="#about2">About link 2</a></li> <li><a href="#about3">About link 3</a></li> <li><a href="#about4">About link 4</a></li> <li><a class="endlist" href="#about5">About link 5</a></li> </ul> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#articles">Articles »</a> <ul class="submenu"> <li><a href="#articles1">Articles link 1</a></li> <li><a href="#articles2">Articles link 2</a></li> <li><a href="#articles3">Articles link 3</a></li> <li><a class="endlist" href="#articles4">Articles link 4</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#news">News »</a> <ul class="submenu"> <li><a href="#news1">News link 1</a></li> <li><a href="#news2">News link 2</a></li> <li><a class="endlist" href="#news3">News link 3</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#donate">Donate</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#contact">Contact</a> </li> </ul> </div> </div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

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

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网