用HTML怎么设置:当鼠标放在字上面的时候,字体就变色

用HTML怎么设置:当鼠标放在字上面的时候,字体就变色,第1张

可以将所要变色的文字放进一个标签里,比如<p>标签,让后对这个标签添加一个hover属性,即当鼠标停留在这个标签上时会触发设定好的效果。以下演示具体步骤。

1、打开一个HTML文件,添加好基本标签并在body标签里添加p标签,并在p标签里添加所要变色的文字。

2、接下来对p标签添加css样式,并添加hover属性。当鼠标悬停在p标签上时间文字变为红色,大小变为60px。

3、编辑好后保存在浏览器中执行该HTML文件,鼠标悬停在文字上即可看到效果了。

简单啊

<input class="test" type="text"> .test{

    color:#fff// 设置字体是那个压缩,光标也就是哪个颜色了

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>pro1</title>

<style type="text/css">

*

ul

ul li

ul li:hover ul

ul li a

ul li a:hover

.pro1

.pro1 li

</style>

</head>

<body>

<ul>

<li><a href="#">产品1</a>

<ul class="pro1">

<li>销量</li>

<li>价格</li>

<li>收藏</li>

<li>人气</li>

<li>新品</li>

</ul>

</li>

<li><a href="#">产品2</a>

</li>

<li><a href="#">产品3</a>

<ul class="pro1">

<li>销量</li>

<li>价格</li>

<li>收藏</li>

<li>人气</li>

<li>新品</li>

</ul>

</li>

</ul>

</body>

</html>

试写了一个 但是估计不用js效果不好 再说 IE6不用js很难兼容


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7170660.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存