html – 背景图片

前端之家收集整理的这篇文章主要介绍了html – 背景图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于< button>设置背景图片,我有一点问题。

这是我在网站上的html:

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

这里是CSS:

  1. button {
  2. font-size: 18px;
  3. border: 2px solid #AD235E;
  4. border-radius: 100px;
  5. width: 150px;
  6. height: 150px;
  7. }
  8.  
  9. button #rock {
  10. background: url(img/rock.png) no-repeat;
  11. }

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

解决方法

令人惊讶的是,没有回答地址或提及这里的实际问题。

CSS选择按钮#rock表示“给我一个元素与id摇滚在< button>元素中,像这样:

  1. <button>
  2. <span id="rock">This element is going to be affected.</span>
  3. </button>

但是你想要的是< button>元素与id岩石。而这个选择器将是按钮#摇滚(注意按钮和#rock之间的空白)。

而且@Greg已经提到:#rock已经足够专门针对该按钮,可以自己使用。

猜你在找的HTML相关文章