主页 / 问题 / 1599744
Accepted
chbronson
Asked:2024-11-14 06:37:31 +0000 UTC2024-11-14 06:37:31 +0000 UTC

CSS。边框的自定义样式（删除棕褐色）

  • 772

是否可以在不接触 .circle_img 类的情况下保留 .img_border 的颜色（以便它没有棕褐色）？

<style>
.circle_img img {
  height: 100px;
  width: auto;
  border-radius: 50%;
  filter: sepia(100%);
}
.img_border {
  border: 5px solid green;
}
</style>

<div class="circle_img">
  <img src="https://i.imgur.com/buzfQTm.png" class="img_border" alt="">
</div>

css

1 个回答

  1. Best Answer

    嗯，这很明显 - 过滤器仅用于图片，而边框用于包装器。

    .circle_img {
  border: 5px solid green;
  width: fit-content;
  border-radius: 50%;
}

.circle_img img {
  display: block;
  height: 100px;
  width: auto;
  filter: sepia(100%);
}

.img_border {}
    <div class="circle_img">
  <img src="https://i.imgur.com/buzfQTm.png" class="img_border" alt="">
</div>

    • 2

相关问题