网页制作鼠标触发字体变色效果

作者:神奇的周 | 创建时间: 2023-06-01
使用行为制作触发字体变色...
网页制作鼠标触发字体变色效果

操作方法

打开Dreamweaver,找到中间新建并点击html。

首先我在设计页面随便输入一些字母,

然后选取文字,在下面工具栏那找到链接,在文本框里输入一个#号

切换到代码视图,如果功能不是用于链接的话,在相应的位置,输入这段代码,去掉字体的下划线,a{}代表全部a链接属性。 <style type="text/css"> a{ text-decoration:none; } </style>

在相应位置输入如下代码,设置a标签字体hover(获得鼠标焦点)事件,字体改为红色。 a:hover{ color:#FF0000; text-decoration:none; }

按Ctrl+s保存文件,再按F12在浏览器中浏览效果。 测试效果。

温馨提示

注意代码书写的位置。
点击展开全文

更多推荐