css鼠标点击样式html⿏标出现下划线,⿏标移上链接出现下划线
核⼼提⽰:有些⽹页的链接,原先没有下划线,你把⿏标指向链接处,才会出现下划线,⿏标移掉下划线就⼜没有了。
有些⽹页的链接,原先没有下划线,你把⿏标指向链接处,才会出现下划线,⿏标移掉下划线就⼜没有了。这种效果其实可以⽤层叠样式表(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按钮,⾄此所有设置结束.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论