css图片外边透明框去掉 |css3样式背景图如何变幻

img {
border: none;
outline: none;
}

上述代码是去掉图片外边透明框的最简单的方式。大家通过对img元素的样式进行调整，将其边框和轮廓都设置为无，即可以去掉透明框。

如果大家想要给图片加上边框，而又不希望出现透明框，可以使用box-shadow。如下所示：

img {
box-shadow: none;
border: 1px solid #ccc;
}

首先大家将图片的box-shadow设置为无，然后再添加自定义的边框，即可达到去掉透明框的目的。

除此之外，还可以通过在img元素外部添加一个div元素并设置其样式来去掉透明框。示例如下：

<div class="img-wrapper">
<img src="example.jpg" alt="example">
</div>

.img-wrapper {
display: inline-block;
overflow: hidden;
}
.img-wrapper img {
display: block;
max-width: 100%;
}

首先大家创建一个类为img-wrapper的div元素，然后将图片包含在其中。接下来，大家通过设置img-wrapper的样式，将其显示为inline-block元素，并将其溢出部分隐藏。然后再设置img元素的样式，将其显示为块级元素并设置最大宽度为100%。这样就可以完美地去掉透明框了。

总之，去掉图片外边透明框的方式有很多种，大家可以根据自己的需要来选择合适的方式。在实际开发中，也可以根据不同的情况来灵活运用。