动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ CSS教程 ]的信息

本月文章推荐
.网页中用CSS样式表隐藏文字.
.学习CSS的背景图像属性background.
.火狐/IE浏览器flash透明,css强制.
.css布局实例:网页布局的方法.
.图片CSS滤镜-左右旋转效果.
.网页标准化制作:CSS的超级技巧大.
.CSS+DIV网页特效欣赏:非常酷的角.
.如何用CSS让文字居于div的底部.
.两句CSS完美截断侧栏最新评论列表.
.CSS初级入门:页面样式的整体声明.
.精通 CSS 滤镜(四).
.CSS控制LI不换行.
.CSS初级入门:样式的多次声明.
.如何用CSS来控制网页字体的显示样.
.IE6 IE7 FF CSS HACK .
.CSS:如何编写代码才能更有效率.
.CSS入门教学十四个问与答.
.IE6因为编码问题无法正确解析CSS.
.一句css代码实现黑白素色网页,向.
.13种常用按钮、文本框、表单等CS.

定义列表+CSS制作的垂直菜单

发表日期:2008-8-27 |


<!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=utf-8" />
<meta http-equiv="content-language" content="gb2312" />
<title>dl,dt,dd制作的CSS垂直菜单</title>
<style type="text/css">
body {
  font-size: 12px;
  margin: 0;
}
#menu dl {
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 150px;
  background: #69c;
}
#menu dt {
  margin: 0;
  padding: 10px;
  background: #69c;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
#menu dd {
  margin: 0;
  padding: 0;
  background: #47a;
  color: #fff;
  font-size: 1em;
  border-bottom:1px solid #fff;
}
#gallery a, #gallery a:visited {
  display:block;
  padding:5px 5px 5px 20px;
  width:125px;
  background: #47a;
  color:#fff;
  text-decoration:none;
}
#gallery a:hover {
  background: #258;
  color:#9cf;
}
</style>
</head>

<body>
<div id="menu">
  <dl id="gallery">
    <dt>Gallery</dt>
    <dd><a href="#" title="Paul Cezanne">Paul Cezanne</a></dd>
    <dd><a href="#" title="Henri Matisse">Henri Matisse</a></dd>
    <dd><a href="#" title="Vincent van Gogh">Vincent van Gogh</a></dd>
    <dd><a href="#" title="William Turner">William Turner</a></dd>
    <dd><a href="#" title="John Constable">John Constable</a></dd>
    <dd><a href="#" title="Claude Monet">Claude Monet</a></dd>
  </dl>
</div>
</body>
</html>

上一篇:与表格边框有关的CSS语法 人气:803
下一篇:css技巧-经典中的经典 人气:1217
浏览全部CSS的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-11-21 AutoIndex v2.2.4 多国语言版
2008-11-21 ASBLOG v2.5 bulid 081118
2008-11-21 phpwebsite v1.60
2008-11-21 DreamArticle 文章管理系统 v3.0
2008-11-21 DreamArticle 文章管理系统 v3.0
2008-11-21 Piwik ( PHP统计系统,可以和GOOG
2008-11-21 CMS001 v2.2 Beta
2008-11-21 magento开源电子商务平台 v1.1.7
2008-11-21 开良马克思影视下载插件 v1.1
2008-11-21 傲游(Maxthon) 2.1.5 正式版
2008-11-21 Skype v3.8.0.188 Final
2008-11-21 AirPlay OpenAlpha 2008.11.20
2008-11-21 屏幕文字抓取工具 DWMouse1.3.510
2008-11-21 Vista一键还原(Vista Ghost)1.
2008-11-21 SP Photo Fix照片修改1.2破解版
2008-11-21 QQ腾讯聊天工具 v1.2正式版
2008-11-21 FlightTrack航班信息v1.0破解版
2008-11-21 RealPiano仿真钢琴1.0破解版
  发表评论
姓 名: 验证码:
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | js/vbs加密 | md5加密 | 进制转换 | UTF-8 转换工具 | Html转换js | Html转换asp | Html转换php | Html转换perl
实用工具:汉字翻译拼音 | 拼音字典 | 符号对照表 | 个税计算 | 实时汇率查询换算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 | 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 中国語教室 ホームページ作成