html - 带有img的边框颜色

边框是否可能具有三角形的图像？

目前，我正在创建这样的三角形：

.triangle {
  display: block;
  margin: 0 auto;
  height: 51px;
  width: 103px;



 &:after {
      content: "";
      display: block;
      border: inset 52px;
      border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
      border-top-style: solid;
     }
}

例如，使成为红色border-color: #ae1800 transparent transparent transparent;
但是我怎么能用背景图像代替颜色呢？

感谢您的回答。

最佳答案

最好的方法是在photoshop之类的图像中仅创建带有边框的图像，然后在三角形外部使用透明背景。不要使用CSS来显示它，而是使用JS。

我希望这有帮助！

关于html - 带有img的边框颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23076152/