鱼C论坛

 找回密码
 立即注册
查看: 2267|回复: 2

[已解决]CSS a:hover background: url()

[复制链接]
发表于 2020-5-2 21:37:10 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 956661539 于 2020-5-2 21:38 编辑

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: #000;
        }
        a {
            width: 200px;
            height: 50px;
            /* background-color: orange; */
            display: inline-block; /*把a转换为行内块元素*/
            text-align: center;
            
            line-height: 50px;
            color: #fff;
            font-size: 22px;
            text-decoration: none;                     
        }
        a:hover {
           background: url(pages\img\h.png) no-repeat;  这一行鼠标经过添加背景图片,图片的地址是对的 怎么不显示出来?
           color: red;
           
        }
            
        

    </style>
</head>
<body>
    <a href="#">专区说明</a>
    <a href="#">申请资格</a>
    <a href="#">兑换奖励</a>
    <a href="#">下载游戏</a>
   
</body>
</html>
最佳答案
2020-5-2 21:46:41
本帖最后由 liuzhengyuan 于 2020-5-2 21:55 编辑

用正斜杠(/)
不要用反斜杠(\)
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-5-2 21:46:41 | 显示全部楼层    本楼为最佳答案   
本帖最后由 liuzhengyuan 于 2020-5-2 21:55 编辑

用正斜杠(/)
不要用反斜杠(\)
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-2 21:54:06 | 显示全部楼层
liuzhengyuan 发表于 2020-5-2 21:46
不要用反斜杠(\)
用正斜杠(/)

web里没有用反的吧
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 05:47

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表