956661539 发表于 2020-5-2 21:37:10

CSS a:hover background: url（）

本帖最后由 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>

liuzhengyuan 发表于 2020-5-2 21:46:41

本帖最后由 liuzhengyuan 于 2020-5-2 21:55 编辑

用正斜杠（/）
不要用反斜杠（\）

Hello. 发表于 2020-5-2 21:54:06

liuzhengyuan 发表于 2020-5-2 21:46
不要用反斜杠（\）
用正斜杠（/）

web里没有用反的吧
页: [1]
查看完整版本: CSS a:hover background: url（）