CSS边框比图片大[关闭]答案

【问题标题】：CSS border bigger than picture [closed]CSS边框比图片大[关闭]
【发布时间】：2015-05-30 05:29:36
【问题描述】：

我正在尝试找出如何使图片周围的边框比 CSS 中的图片本身更大。以图片为例：

错误的边框：

正确的边框：

我希望图像是独立于边框“大小”的原始大小。

【问题讨论】：

【解决方案1】：

JSFiddle

HTML：

<img src="http://www.langology.org/wp-content/uploads/2011/03/hello1.jpg"/>

CSS：

img{
border-color: black;
border-width: 5px;
border-style: solid;
padding: 5px;

}

您可以改变内边距值，以便调整图片的边框。

【讨论】：

【解决方案2】：

您需要在图像的父元素上进行填充以将边框推离图像。

【讨论】：

【解决方案3】：

您可以将图像放在<div> 中并为该div 设置特定的高度和宽度值。然后将边框添加到 div 而不是图像。

【讨论】：

【解决方案4】：

您需要在图像元素或其父元素上使用 css 填充以达到您想要的效果。请参阅this link 了解更多信息。

【讨论】：