全国统一24小时服务热线:400-0000-889400-0000-889  / 13999887799

国际互联网

当前位置:主页 > 国际互联网 >

CSS 折叠的菜单实现代码

发布时间:2018-09-11 18:12 作者:admin 来源: 点击: 字号:

<!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实现折叠的菜单</title> <style type="text/css"> #menu { overflow:hidden; background-color:#fbfef4; width:200px; height:500px; overflow:hidden;} #menu h1{margin:0px;color:#739c23; font-size:14px;} #menu 918博天堂网址li { list-style:none; display:block; width:178px; border:1px solid #739c23; border-bottom-width:0px;} #menu li .end{border-bottom-width:1px;} #menu li a{ display:block; text-decoration:none; width:100%; padding:10px;} #menu li a span{ display:none; color:#333; font-size:12px; padding:10px 0 0 0;} #menu li a:hover{ background:#fff;} #menu li a:hover span{ display:block; cursor: hand;} </style> </head> <body> <ul id="menu"> <li><a href="#"> <h1>脚本之家</h1> <span>为您提供精品源代码、网页特效代码等。</span></a></li> </li> <li><a href="#"> <h1>精品特效</h1> <span>精品特应有尽有</span></a></li> </li> <li><a href="#"> <h1>我是传奇</h1> <span>这里是内容</span></a></li> </li> <li><a href="#"> <h1>这是折叠标签</h1> <span>这里是内容</span></a></li> </li> </body> </html> 提示:您可以先修改部分代码再运行

本文源自: 环亚娱乐游戏

相关文章Related Articles

如果您觉得本站还不错,就请分享给身边的好友吧


分享成功还有机会获得精美礼品哦