如何在html/css中更改按钮上图像的大小

我一直试图更改按钮上图像的大小

可以这样想：我有一个按钮，上面有一个图像，现在它太大了。我试着缩小它的尺寸：

不管我把高度和宽度加进去多少，这都不起作用

即使将其更改为

20px

和

50p

x也没有任何作用。我更喜欢不必创建类，因为我不知道如何导航按钮类，而且我很确定有一种方法可以像现在这样做

而且，它实际上不是一个按钮，而是列表的一部分。

（这也是另一个问题。）

确定带有类的按钮的新代码：

    <li><a href="https://www.instagram.com/" target="_blank"><button class = "test"></button></a></li>
  </ul>

---

您需要链接到标题中的css文件。在css文件中，您可以说：.class，然后您可以更改这些内容。因此，在html文件中，您首先应该向按钮添加一个类，以便css知道您在谈论什么。

您的代码应该如下所示：

<img src="Button.jpg" height="50%" width="20%"> 

---

我认为您的html语法错误：）

您应该对图像而不是按钮应用自定义的

高度和
宽度

如果调整按钮大小，按钮大小将改变，但图像将超出其边界。如果使用此选项，可以设置
溢出：隐藏
到
按钮，但您的图像将被裁剪

如果调整图像大小，将调整图像大小，按钮将分别调整图像大小

运行以下代码段以获取示例：


按钮{
填充物：5px；
背景：#d95753；
边界：0；
}
.btn大小{
宽度：30px；
高度：30px；
}
.img尺寸img{
宽度：30px；
高度：30px；
}

初始样式：
如果调整按钮的大小：

按钮大小将更改，但图像将超出其边界。如果使用此选项，可以设置溢出：隐藏；按此按钮，但您的图像将被剪切。

如果调整图像的大小：

图像将被调整大小，按钮将分别根据图像调整大小。

我们在任何地方都看不到您的按钮或图像，也看不到您使用的代码。请将您的按钮代码和图像粘贴到此处。。如果你不分享，我们帮不了你！这应该是一个有用的答案：。我添加了代码，但它的格式为非代码。不知道那是怎么回事worked@dekzok是的，我试过，但现在我的形象消失了。。。我会更新我的代码现在的问题是，图像比按钮小，所以我可以看到一个灰色的边界。如何更改此设置？隐藏所有按钮样式：
按钮{padding:0；border:0；background:transparent；}
您将只看到图像。这样就可以了。谢谢你可能知道如何将我的按钮移动到按钮列表的最右边吗？我把它放在这样的位置：按钮1按钮2按钮3诸如此类。。。。。按钮原因我希望它看起来像我所有的按钮在一端，然后在页面最右边有另一个按钮
<img src="Button.jpg" height="50%" width="20%">