Dreamweaver中实现双背景图片导航菜单的代码

所属分类: 网页制作 / Dreamweaver 阅读数: 1335
收藏 0 赞 0 分享

复制代码
代码如下:
<!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>脚本之家www.jb51.net</title>
  </head>
  <style type=text/css>
  #nav ul {
  font-size: 11px;
  margin: 0px auto 100px;
  padding:0;
  font-family: arial, verdana, sans-serif;
  white-space: nowrap;
  list-style-type: none
  }
  #nav li {
  float: left;
  margin:0;
  padding:0;
  }
  #nav a {
  float: left;
  margin: 0px 2px 0px 0px;
  padding:0 0 0 2px;
  color: #fff;
  background: url(../js/jsneedpic/i200741210911.gif) #040 no-repeat left bottom;
  letter-spacing: 1px;
  text-decoration: none
  }
  #nav a strong {
  display: block;
  background: url(../js/jsneedpic/j200741210920.gif) no-repeat right bottom;
  float: left;
  padding:5px 16px 5px 12px;/*---右边底部图片位置决定重要因素--*/
  }
  #nav a:hover {
  cursor: pointer;
  background-color: #080
  }
  #nav #current a {
  background-color: #080
  }
  #nav {
  border-top: #040 8px solid;
  background: #fff;
  padding:1px 0 0 0;
  }
  </style>
  <body>
  <div id="nav">
  <ul>
  <li><a href="#"><strong>home</strong></a> _fcksavedurl=""#"><strong>home</strong></a>" </li>
  <li><a href="#"><strong>privacypolicy</strong></a> </li>
  <li id="current"><a href="#"><strong>contact us</strong></a> </li>
  <li><a href="#"><strong>products</strong></a> </li>
  <li><a href="#"><strong>site map</strong></a> </li>
  </ul>
  </div>
  </body>
  </html>
更多精彩内容其他人还在看

学会Dreamweaver以后进行网页设计的方法详谈

今天来谈一下如何用Dreamweaver 进行网页设计.以及做网站的步骤
收藏 0 赞 0 分享

DreamWeaver中批量删除超级链接的方法(图文)

有的时候需要批量删除网页中的超链接。在dreamweaver里可以轻松实现
收藏 0 赞 0 分享

Dreamweaver打开和关闭的错误的解决方法

这两天打开Dreamweaver CS4,总是弹出一个错误,写着: 在onLoad运行RecordsetFind.htm时,发生了以下JavaScript错误: 在文件“RecordsetFind”中: findRs is not defined
收藏 0 赞 0 分享

Dreamweaver 正则表达式字符查找替换方法($1,$2使用说明)

用好了Dreamweaver的正则表达式查找替换功能,可以大大的加快我们的工作效率,最近有机会用到了正则要不太麻烦了,特分享下,方便以后学习查找资料
收藏 0 赞 0 分享

收集最全的关于Dreamweaver快捷键集合

收集最全的关于Dreamweaver快捷键集合,今天正好需要表格中加入一列,用快捷键就方便与快速多了,所以特整理下分享给需要的朋友
收藏 0 赞 0 分享

Dreamweaver 序列号(dw8 cs3 cs5 )小结

dreamweaver 8序列号 激活码,dreamweaver cs3 序列号,dreamweaver cs5序列号
收藏 0 赞 0 分享

在Dreamweaver中插入空格的方法介绍

我们在用Dreamweaver制作网页时常常会用到插入空格,当按空格时只会出现一个半角空格,接着不管你按多少次空格键都是没用的,插不了,这可怎么办啊,其实如何在Dreamweaver中输入空格这个问题是个常见问题,很简单,方法有二
收藏 0 赞 0 分享

Dreamweaver中不用CSS样式为表格添加细线边框的方法

用CSS添加细线可以.不用也可以.本文就是介绍不用CSS也给表格添加细线的方法
收藏 0 赞 0 分享

在网页中插入Flv视频(Flash Video)文件使用FlashPlayer播放

为什么要用Flash视频?很显然是需要在网页中播放视频,那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播放器就是FlashPlayer
收藏 0 赞 0 分享

用DreamWeaver模板工具批量制作网页

做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。告诉你个秘密吧,其实只要用好模板工具,就能很好地“批发”网页。
收藏 0 赞 0 分享
查看更多