首页 > 如何在增加标签的情况下,给img标签添加一个边框,并且边框要和img标签有间距?

如何在增加标签的情况下,给img标签添加一个边框,并且边框要和img标签有间距?

如题,这是一个img标签,给他增加一个border:1px dashed red,如在让border和img之间增加内边距?


html代码

<div class="image-wrap">
    <img src="xxxx.jpg" alt="">
<div>

css代码

.image-wrap {
    padding : xxpx;
}

在增加标签的情况下,可以在img标签外边套一个父容器,然后给父容器设置padding。不知道题主是不是要的这种解决方发。


增加padding即可:

示例代码:

img{
  padding: 50px;
  border-radius: 50%;
  background-color: antiquewhite;
  border: 5px solid burlywood;
}

试试 outline-offset outline-offset


img也可以加padding的,如上所言

【热门文章】
【热门文章】