专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Dreamweaver » 鼠标移上连接出现下划线:鼠标移上链接出现下划线 »正文

鼠标移上连接出现下划线:鼠标移上链接出现下划线

来源: 发布时间:星期四, 2009年2月12日 浏览:211次 评论:0


  有些网页链接原先没有下划线你把鼠标指向链接处才会出现下划线鼠标移掉下划线就又没有了这种效果其实可以用层叠样式表(CSS)来实现在Dreamweaver中编辑层叠样式表不用编写代码具体操作思路方法如下:
  
   (1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”那个按钮)在弹出CSS Styles面板上双击(none);
   (2)此时可看到弹出Edit Style Sheet 面板在该面板上按New按钮;
   (3)弹出New Style 面板上点取Re HTML Tag(重新定义HTML标记)再在Tag中选择“a”(超级链接标记)标记后按OK按钮;
   (4)这时可看到弹出Style dehinition for a 对话框在此对话框中可以设置超级链接许多属性你可以按你意愿设置但我们这里主要是要去掉那讨厌下划线所以我们在decoration 属性中选择“none”这样就把下划线去掉了;然后我们再选择颜色为:#339966按OK按钮返回到Edit Style Sheet 面板;
   (5)在Edit Style Sheet 面板上再按New按钮;
   (6)在弹出New Style 面板上点取Use CSS Selector 再在该面板上selector选择框中选择“a:hover”(定义当鼠标在超级链接上时链接属性)按OK按钮;
   (7)在弹出Style dehinition for a:hover 对话框中我们在decoration 属性中选择“underline”这样就把下划线又加上了;然后我们再选择颜色为:#FF3300按OK按钮返回到Edit Style Sheet 面板;
   (8)在Edit Style Sheet 面板上再按Don按钮至此所有设置结束


0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: