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

详细操作

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

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

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

切换到代码视图，如果功能不是用于链接的话，在相应的位置，输入这段代码，去掉字体的下划线，a{}代表全部a链接属性。

在相应位置输入如下代码，设置a标签字体hover(获得鼠标焦点)事件，字体改为红色。

a:hover{

color:#FF0000;

text-decoration:none;

}

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

测试效果。

用户类似问题：

问题1：急！dreamweaver怎么制作鼠标经过文字字体变色效果

1、做好一个链接 2、点击工具面板中CSS模式下的“+”，打开新建CSS样式面板 3、选择“复合内容”，选择a:link，表示正常链接时的样式。 4、点击确定，打开样式设置面板，选择Color:#333，或别的你要的着色，确定。 5、下面设置鼠标经过的文字色彩，... >>详细

问题2：网页设计中，当鼠标移过字体颜色会发生变化的效果...

直接在CSS文件中添加一个定义链接就是了，在需要的地方调用，比如： /*网站链接总的CSS定义:可定义内容为链接字体颜色、样式等*/ a{text-decoration: underline;} /*链接无下划线none,有为underline*/ a:link {color: #00007f;} /*未访问的链接 ... >>详细

问题3：dreamweaver怎么制作鼠标经过文字时文字变色效果

添加css样式：a:hover：鼠标移上去变色 >>详细

问题4：网页设计中如何让字体的颜色随着鼠标的移动或者鼠...

a:link {color: #000000; text-decoration: none;} a:visited {color: #000000; text-decoration: none;} a:hover {color: #FF0000; text-decoration: underline;} a:active {color: #000000; text-decoration: none;} 这种是默认的鼠标连接颜色... >>详细

问题5：网页制作javascript鼠标经过文字变色问题

body,td,th {font-size: 18px;color: #999;font-weight: bold;}上面已经设置了td,th文字颜色属性， 游戏介绍这里又设置了颜色属性，不过行内样式优先，可以改成style="color=blue;............"，这时即： body,td,th {font-size: 18px;color: #... >>详细