首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 折叠的菜单实现代码
CSS样式表
CSS教程:表格不被撑开的解决办法
网页制作教程:简单总结CSS的基础属性
css文件不能被正常载入的问题解决方法
css模块化的思想让后期维护变得简单
凹陷文字 推荐
CSS 实用实例(推荐)
标准化:表格
一个导航条布局的简单写法
CSS实现阴影文字效果
全面考察“禁用浏览器后退”
让2个DIV居中并排显示
从gb到utf-8
以前写的两个CSS树形菜单
何为“VML”、VML的基底知识
Meta标签详解
学习标准:笔记
多中语言实现判断客户访问用得是那个域名 然后转到对应的目录
解决IE5/IE5.5/IE6/FF的兼容性问题:CSS
CSS网页布局入门教程9:用CSS设计网站导航:横向导航
web标准知识:从p开始,循序渐进
No.
«
‹
72
73
74
75
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 折叠的菜单实现代码
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-10-27
浏览: 127 ::
收藏到网摘: 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
登陆
还没注册?