Css 如何在元素周围创建均匀的边框？

假设有一个div包装一个图像。如何设置div的样式，使其在图像的所有四个边上创建宽度均匀的边框

如果

div

不一定要在那里，那么您最好给

img

一个实际的边框，然后使用它。指定一个宽度值将在所有边周围创建同样厚的边框

img {
    border: 3px solid blue;
}

否则，如果出于任何原因需要使用

div

作为边框，请将其设置为内联块，并将

img

设置为块。然后给出

div

填充或

img

边距

div {
    display: inline-block;
    background-color: blue;
    padding: 3px;
}

img {
    display: block;
}

---

你说的完美边框是什么意思…？我指的是两边的宽度都相等，对不起，我要澄清一下。老实说，你可以将div设置为图像的宽度…或者

divimg{border…}

。PS：我想他的意思是，他想给div设置一个边框，看起来像是给图像设置的……或者类似的东西……它不一定是div。。。任何能在图像周围加上边框的东西，像这样的东西？嗯，图像和环绕它的div是动态生成的，所以我认为这种div样式在这种情况下更容易…这是正确的。只是想指出，块级元素上的内联块会让IE不高兴。