DW教程:用Dreamweaver做网站中怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?

 2013年5月31日 |  0 条评论 |   2162

访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。

由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。

在微部落草根站长的上一篇文章中我已经介绍了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。

同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover” OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。

DW教程:怎么用dreamweaver做简单的垂直导航
DW教程:Dreamweaver基础教程Dreamweaver设计网页之主体的细分技巧
DW教程:用Dreamweaver制作网页时如何制作一条宽度为1的细线?

文章字数统计:461 | 百度已收录

  |  幸运28微信群/Dreamweaver  


微部落博客编辑整理发布,如有侵犯您的版权,请提供相关版权证明,博主将立即删除。
·博客大全  博客网址之家  博客导航  来路IP首页展示!   ·免费收录  ·免费推广你的博客   114.vprol.com
如果本文对您有用就 打个赏吧微信 OR 支付宝 扫描二维码
pay_weixin     pay_weixin
金额随意,您的支持是我的动力~

草根站长,博客导航,博客大全,博客网站,增加网站流量
回复 取消

欢迎评论发言,灌水及广告评论将被定期删除!