Html 如何向具有填充的图像添加边框？

我的网页上有一张图片，我在上面添加了填充，这样它就不会在角落里了。我还想给它一个边框，但边框显示在空白处，而不仅仅是图像。。。我做错了什么

图像还具有浮点属性

img {
  float: right;
  width: 300px;
  padding: 25px;
  border-style: solid;
  border-color: #fdb924;
}

---

为图像指定一个

边距

，而不是

填充

：

img{
浮动：对；
宽度：300px；
利润率：25px；
边框样式：实心；
边框颜色：#fdb924；
}

---

给图像一个

边距
而不是
填充
：


img{
浮动：对；
宽度：300px；
利润率：25px；
边框样式：实心；
边框颜色：#fdb924；
}
将填充改为边距
padding
是边框和图像之间的空间，而
margin
是边框和边框以外的所有内容之间的空间：
将padding更改为margin
padding
是边框和图像之间的空间，而
margin
是边框和边框以外的所有内容之间的空间：