学习无忧
设计频道 首页 | 入门 | 硬件 | 软件 | 设计 | 开发 | 网络 | 营销 | 社区 | 加油站
首页=>设计=>HTML/CSS=>鼠标移上链接出现下划线  
鼠标移上链接出现下划线
www.51study.net  2004-3-24 23:26
【字体:  】【评论打印】 【关闭
  有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
  
  (1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);
  (2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
  (3)弹出的New Style 面板上点取Redefine 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按钮,至此所有设置结束。
【字体:  】【评论打印】 【关闭
发表评论 共有1条评论   >> 查看详细评论
用户名: 密 码: 匿名评论
请发表评论时遵纪守法并注意语言文明!
 
用户名 评论内容
学习无忧网友 恩……
 
文章搜索
关键字:
精彩文章回顾
 Asf文件制作问题
 FrontPage XP
 什么软件可以做网页?
 初学制作网页用front
 Dreamweaver
 用DW MX控制下拉菜单
 在Dreamweaver
 聚焦Dreamweave
 FrontPage98表
 鼠标移上链接出现下划线
 制作会自己移动的广告条
 用Frontpage巧补
 Dreamweaver:
广而告之
会展世界
身份证核查
玩转手机
关于我们 | 广告服务 | 诚邀加盟 | 友情链接 | 网站地图 | 联系方式
Copyright ©1998-2005, All Rights Reserved.
版权所有 学习无忧网 51study.net
广告或空间合作