html – 背景图片

html – 背景图片,第1张

概述对于< 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: 150 对于< 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已经足够专门针对该按钮,可以自己使用。

总结

以上是内存溢出为你收集整理的html – 背景图片全部内容,希望文章能够帮你解决html – 背景图片所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1113195.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存