html - 图像悬停功能(css)找不到图像

标签 html css image mouseover

我想要一个带有图像和链接的按钮。这是我的样式代码:

<style>
    twitter{

    display:block;
    background-image: url('CIMA/Social/Twitter.png');
    width: 30%;
    height: 30%;
}
</style>

和我的 body 密码:

<twitter href="#"> &nbsp; </twitter>

但它不显示任何图像。我尝试了很多不同的图像路径,但它就是不显示...

最佳答案

哦。为什么不

<a href="#"><img src= "cima/social/twitter.png" /> </a>
<style>
a img {width:30%;height:30%;}
</style>

关于html - 图像悬停功能(css)找不到图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22993683/

相关文章:

javascript - 添加了一个 props onPress,因为我正在调用事件handleEvent。但方法内没有打印任何内容

javascript - 如何使用 javascript 将 css-grid 元素放入网格容器中

html - Web 浏览器中 HTML5 和 CSS3 支持的最佳指南是什么?

php - ActionScript [错误 #2036 : Load Never Completed] with dynamic generated images

jquery - 使用 jQuery UI 拖动并悬停在某个 div 上时更改可拖动元素的内容

javascript - 导航在 ReactJS Web 应用程序中不起作用

javascript - Jquery 将输入字段复制到 div 之外的另一个输入

javascript - 在显示模态之前加载模态内容

css - Sass 无效 CSS : expected expression (e. g。 1px,粗体),原为 "{"

Android 背景图片未显示在设备中?