html – 给右边框一个阴影

概述我试图给出一个三角形的边框,我用css做了一个盒子阴影. #triangle-topleft { width: 0; height: 0; border-top: 300px solid blue; border-right: 100px solid transparent; } <div id="triangle-topleft" /> 我试过但不能给右边框一个阴影. 我试图给出一个三角形的边框,我用CSS做了一个盒子阴影.

#triangle-topleft {	  wIDth: 0;	  height: 0;	  border-top: 300px solID blue;	  border-right: 100px solID transparent;  }

<div ID="triangle-topleft" />

我试过但不能给右边框一个阴影.有一个简单的CSS方法来实现这一目标吗？
这就是它最终应该是什么样子(对于实际的阴影来说更好).

解决方法 您可以使用过滤器CSS规则.

#triangle-topleft {      wIDth: 0;      height: 0;      border-top: 300px solID blue;      border-right: 100px solID transparent;      filter: drop-shadow(3px 3px 3px hsla(0,0%,1));  }

<div ID="triangle-topleft" />

总结

以上是内存溢出为你收集整理的html – 给右边框一个阴影全部内容，希望文章能够帮你解决html – 给右边框一个阴影所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。