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

原创 2007年10月12日 07:50:00

<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;,即把每个值之间空格写成了逗号,效果就出不来了。

9种不同风格的CSS垂直导航菜单免费下载

  • 2011年06月26日 13:22
  • 40KB
  • 下载

div+css 纵向三级导航菜单 html代码

  • 2013年10月17日 14:59
  • 5KB
  • 下载

CSS制作简单的纵向菜单

用CSS制作简单的纵向菜单
  • Jolly_1127
  • Jolly_1127
  • 2015年12月07日 16:35
  • 932

CSS+DIV设计实例:超酷的竖排导航栏

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS+DIV设计实例:超...
  • mjh11310
  • mjh11310
  • 2007年07月02日 15:57
  • 806

十天学会web标准(DIV+CSS)系列(四)纵向导航菜单及二级弹出菜单

一、纵向列表 纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作 先新建一个页面,然后插入一个ID为menu的div,然后在设计视图中...
  • jarniyy
  • jarniyy
  • 2016年03月21日 11:24
  • 689

div+css 纵向导航菜单及二级菜单弹出

1) 纵向导航菜单 body { font-family: Verdana;font-size: 12px; line-height: 1.5; } a { color: #000;text-...
  • janefir
  • janefir
  • 2013年11月26日 11:58
  • 2618

用CSS实现水平方向菜单&竖直方向菜单&下拉菜单

最近在复习CSS,用CSS做的菜单显示,后面再详解。 纵向菜单 *{margin:0;padding:0;} /*制作横向排列的菜单*/ ...
  • liangxz0311
  • liangxz0311
  • 2015年03月29日 22:29
  • 1704

9种漂亮的CSS竖向菜单美化样式

  • 2009年06月08日 09:52
  • 32KB
  • 下载

HTML竖排菜单制作

  • 2017年11月01日 20:10
  • 1KB
  • 下载

CSS实现竖排导航栏/图像选择【HTML/JS】

ul { list-style-type:none; margin:0; padding:0; } a:link,a:visited { display:block; font-weight:bold...
  • jiayuanCo
  • jiayuanCo
  • 2016年07月15日 14:37
  • 543
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用css实现了一个精致的纵向导航菜单
举报原因:
原因补充:

(最多只允许输入30个字)