客户留言
 

公司介绍

 
 
  服务项目  
  特色服务  
 
  产品介绍  
  成功案例  
  公司新闻  
  常见问题  
  企业邮箱  

 


 
 
首页网页制作教程Dreamweaver篇Dreamweaver下拉菜单全攻略

网页制作教程《Dreamweaver下拉菜单全攻略》
    四、 下拉菜单的美化修饰

  到这里,下拉菜单的功能效果已经实现了,你现在按F12就可以看到。不过你一定也发现菜单有点难看,字不够精细,菜单选项的默认链接色不好看,菜单也没有边框,那就让我们来稍稍为它美容一下。

1.定义菜单字体样式
按Shift+F11打开CSS Style(样式)面板,点击面板下面的按钮

在弹出的"New Style"窗的Tag框内选中td标签,Type选第二项Redefine HTML Tag,Define选This Document Only,如图。
       四、 下拉菜单的美化修饰
  此时弹出设置窗口,不管其它的,只在右边的Size框里选中12,单位为pixels。
四、 下拉菜单的美化修饰
  2.定义菜单链接样式

    在样式面板中,点击面板下面的 按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:hover标签,Define选This Document Only,如图。
        四、 下拉菜单的美化修饰
  点击OK后在弹出窗中,Color填#ff9933,Decoration选none,点OK。
  四、 下拉菜单的美化修饰
  返回到样式面板,点击面板下面的按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:link标签,Define选This Document Only。
点击OK后在弹出窗中,Color填#ffffff,Decoration选none,点OK。

  又返回到样式面板,点击面板下面的按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:visited标签,Define选This Document Only。
点击OK后在弹出窗中,Color填#ffffff,Decoration选none,点OK。

  3.定义菜单边框样式
在样式面板中,点击面板下面的 按钮,在弹出窗中, Tag框内选中td标签,Type选第二项Redefine HTML Tag,Define选This Document Only,如图。
       四、 下拉菜单的美化修饰
  弹出设置窗口,在左边的列表中选Border,右边四条边宽度都输入为1,颜色设为黑色#000000,Style选为solid。
   四、 下拉菜单的美化修饰
  到此,我们就大告成功了。赶快用到你的网页上去吧

关于我们 客户服务 友情连接 网站地图 人才招聘 代理合作

北京仁思网络技术开发有限责任公司
电话:68419711/13391905908
地址:北京市海淀区紫竹桥昌运宫17号310室