<button>背景图片怎么设置?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (104)

这里是html:

 <button id="rock" onClick="choose(1)">Rock</button>

这里是CSS:

button {
   font-size: 18px;
   border: 2px solid #AD235E;
   border-radius: 100px;
   width: 150px;
   height: 150px;
}

button #rock {
   background: url(img/rock.png) no-repeat;
}

我不知道为什么按钮的背景仍然是白色的。

提问于
用户回答回答于

CSS选择器就像这样:

<button>
    <span id="rock">This element is going to be affected.</span>
</button>
用户回答回答于

出于某种奇怪的原因,按钮的宽度和高度已被重置。你还需要在ID选择器中指定它们:

#rock {
    width: 150px;
    height: 150px;
    background-image: url(http://th07.deviantart.net/fs70/150/i/2013/012/c/6/rock_01_png___by_alzstock-d5r84up.png);
    background-repeat: no-repeat;
}

扫码关注云+社区

领取腾讯云代金券