html – 你如何使用css制作这个dogeared形状

概述任何人都可以向我展示(并解释)如何仅使用CSS创建此图像,并在右下角使用1个形状(50x50px)的正方形和透明的“dogear”？ 我一直在玩三角形和带有边框的圆圈,但这有额外的一面,我无法弄清楚如何构建.谢谢. 如何使用渐变？ div{ width: 50px; height: 50px; background: linear-gradient(135deg, #33 任何人都可以向我展示(并解释)如何仅使用CSS创建此图像,并在右下角使用1个形状(50x50px)的正方形和透明的“dogear”？

我一直在玩三角形和带有边框的圆圈,但这有额外的一面,我无法弄清楚如何构建.谢谢.

解决方法 如何使用渐变？

div{  wIDth: 50px;  height: 50px;      background:   linear-gradIEnt(135deg,#333 0%,#333 90%,transparent 90%,transparent 100%);}

http://jsfiddle.net/dCc7G/

总结

以上是内存溢出为你收集整理的html – 你如何使用css制作这个dogeared形状全部内容，希望文章能够帮你解决html – 你如何使用css制作这个dogeared形状所遇到的程序开发问题。

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