HTML中鼠标放上后字的颜色怎么变白

HTML中鼠标放上后字的颜色怎么变白,第1张

如果你以上代码能实现鼠标滑过背景变色,那么只需向tr.t3

td添加一个color:#fff

tr.t3

td

{background-color:#0000FFcolor:#fff}/*

鼠标经过时的背景色

*/

css样式中 添加hover属性,如: span:hover { color:#fff} ,不过一些浏览器中只能识别 a 和button 标签的hover属性,所以兼容性不够好,要全面的解决兼容问题就需要js了

<!doctype>

<html>

<head>

<style>

    #main {POSITION:relative width:1000px height:860px left:50% margin-left:-500px}

    #main .test {float:left width:320px height:200px margin:8px 5px text-align:center line-height:200px color:#444 background-color:#dde}

    #main .test:hover {color:#fff background-color:#a84}

</style>

</head>

<body>

<div id=main>

    <div class=test>请把鼠标移到这里</div>

    <div class=test>请把鼠标移到这里</div>

    <div class=test>请把鼠标移到这里</div>

    <div class=test>请把鼠标移到这里</div>

    <div class=test>请把鼠标移到这里</div>

    <div class=test>请把鼠标移到这里</div>

</div>

</body>

</html>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存