`
lovnet
  • 浏览: 6707614 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

用css实现了一个精致的纵向导航菜单

CSSJavaOracle.netEJB 
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>纵向导航菜单</title>
<style>
#course {
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#f3c3f3;
width:120px;
}
#course dt,#course dd {
margin:0;
padding:3px;
font-size:12px;
}
#course dt {
border-top: 1px solid #f3c3f3;
font-weight: bold;
background-color:#c3f3c3;
}
</style>
</head>

<body>
<dl id="course">
<dt>专家课堂</dt>
<dd>工作流</dd>
<dd>Oracle</dd>
<dd>ejb 3.0</dd>
<dt>脱产就业培训</dt>
<dd>java基础提高班</dd>
<dd>java就业实战班</dd>
<dd>java高手精华班</dd>
<dd>.net就业实战培训</dd>
<dt>周末充电班</dt>
<dd>java高手精华班</dd>
<dd>.net高手精华班</dd>
</dl>
</body>
</html>

在写程序的时候，遇到了一个问题，不小心将border-width:0px 1px 1px 1px;这样的具有多个值的属性写错了，写成了border-width:0px,1px,1px,1px;，即把每个值之间空格写成了逗号，效果就出不来了。

分享到：
| 如何设定虚拟机的内核调试，以及把用户态调 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div+css纵向导航如何实现且为导航添加超链接

    以下代码实现纵向导航功能，并为导航添加了超链接（用#不可用的超链接代替），如下图所示 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.jquery+css实现简洁两级横向导航菜单,带动态效果 4.jQuery+CSS实现竖形动感导航菜单效果 5.jquery+div漂亮SmartMenu下拉菜单气泡透明效果 6.jQuery+div实现flash炫彩菜单插件下载 7.jquery+div实用漂亮...

    CSS3仿wordpress网站后台管理菜单导航

    解压密码：RJ4587 这次要分享的是一款CSS3仿wordpress后台管理菜单导航，用过wordpress的朋友应该比较熟悉，它后台管理的菜单是纵向的，并且菜单项都有小图标。这款菜单就用CSS3来实现了wordpress后台风格的菜单样式...

    精通CSS+DIV网页样式与布局视频教材

    13.7　实例五：CSS实现PPT幻灯片 13.8　实例六：灯光效果 13.9　实例七：舞台灯光 13.10　实例八：探照灯 13.11　实例九：鼠标文字跟随 第14章　CSS与XML的综合运用 14.1　XML基础 14.1.1　XML的特点 ...

    10款jQuery/CSS3动画应用 超实用

    这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少jQuery插件还是比较实用的，像一些jQuery菜单、...这是一款用纯CSS3实现的自行车动画，自行车的各个部位都是用CSS3绘制而成，外观非常[......] 阅读全文&gt;&gt;

    网页上点击下拉的漂亮纵向菜单特效.rar

    网页上点击下拉的漂亮纵向菜单特效，基于jquery实现部分动画效果，严格来说是一款通用性强的网页侧边栏下拉菜单，你可把本菜单放在网页的左上角、右上角等边角位置，用户点击时才会显示出菜单，默认状态下是收起的，...

    网站后台管理菜单导航.rar_后台网站_网站后台管理菜单导航

    一款CSS3仿wordpress后台管理菜单导航，用过wordpress的朋友应该比较熟悉，它后台管理的菜单是纵向的，并且菜单项都有小图标。这款菜单就用CSS3来实现了wordpress后台风格的菜单样式，适合在你的网站后台使用，非常...

    jquery实现点击向下展开菜单项(伸缩导航)效果

    这里演示基于jquery打造的向下展开的多级导航条效果，纵向垂直排列，风格非常的简洁，鼠标点击时候展开菜单的二级项，再次点击的时候又向上合拢，平时只显示一级菜单，二级菜单是隐藏不显示的，代码简洁，包括了完整...

    ul li做横向导航

    用ul li做导航菜单，有助于理解它制作的原理！

    给你10款WEB网页动画效果(源代码)

    推荐10款CSS3动画.zip CSS3倒计时时钟动画 CSS3多样式小图标按钮 带分享按钮 jQuery缩略图动态缩放焦点图 jQuery图片左右水平滚动插件 Metro扁平化风格的jQuery UI组件 ...纵向分类下拉菜单导航 ...

    javascript经典效果示例

    37:___图片型不规则菜单的CSs实现 38:___图片拖拉缩放效果（仿PHOTOSHOP） 39:___图片控制内容框的文字上下翻滚 40:___图片旋转构成3D圆环的展示特效 41:___图片点击后变灰色的CSs代码 42:___图片闪烁代码 43:___...

    C#开发经验技巧宝典

    0467　用SiteMapPath控件绑定SiteMap文件实现导航　266 0468　如何设置SiteMapPath控件路径分隔符　266 0469　如何设置SiteMapPath控件路径方向　267 0470　如何设置SiteMapPath控件父节点显示个数　267 0471　如何...

    asp.net知识库

    .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁？[C#] 表达式计算引擎...

    C#编程经验技巧宝典

    122 &lt;br&gt;0205　如何使用正则表达式验证两位小数　122 &lt;br&gt;0206　如何使用正则表达式验证一年的12个月份　123 &lt;br&gt;0207　如何使用正则表达式验证一个月的31天　123 &lt;br&gt;0208　如何使用正则表达式验证数字...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    javascript网页特效实例大全（8-12）

    第8章　图形图像与多媒体　335 8.1　图片大小　336 实例215　打开自定义大小的图片　336 实例216　图片放大缩小　337 实例217　通过鼠标滚轮放大缩小图片　338 ...实例316　使用Script Encoder加密工具加密　501

Magicbox
Global site tag (gtag.js) - Google Analytics