html – 背景图片

发布时间：2020-12-14 21:39:39 所属栏目：资源来源：网络整理

导读：对于 button设置背景图片，我有一点问题。这是我在网站上的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 {bac

对于< button>设置背景图片，我有一点问题。

这是我在网站上的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选择按钮#rock表示“给我一个元素与id摇滚在< button>元素中，像这样：

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!