首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 折叠的菜单实现代码
CSS样式表
CSS教程:制作网页中常用的5个CSS属性
网页制作理论:精确还原设计稿
CSS教程:Firefox浏览器下margin-top问题
CSS教程:li标记在IE下产生间距
CSS实例教程:CSS制作虚线的2种方法
CSS教程:网页中英文字体的设置
根据IE版本不同调用不同CSS样式文件
CSS网页布局:tbody标签与thead和tfoot标签
网页制作技巧:CSS网页布局中文排版心得
网页制作CSS教程:自适应圆角
Css Hack:Pixel Perfect
OOcss教程:认识OOCSS和简单应用OOCSS
网页制作教程:面向对象的CSS应用
CSS写法:不同组合间的优先级及浏览器的支持性
CSS sprite实例教程:li:hover修改密码
利用负边距技术制作自适应宽度布局的网页
WEBJX收集漂亮的大背景网页设计实例
使用一张或两张图片创建大背景网站
CSS教程:CSS选择符的用法和实例
CSS实例:a:hover伪类在IE6下的问题
No.
«
‹
101
102
103
104
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 折叠的菜单实现代码
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-10-27
浏览: 95 ::
收藏到网摘: n/a
css 教学实例 漂亮的搜索框
关于html元素的 width属性无效果的解决方法
<!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 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>
提示:您可以先修改部分代码再运行
css 教学实例 漂亮的搜索框
关于html元素的 width属性无效果的解决方法
评论 (0)
All
登陆
还没注册?