大佬教程收集整理的这篇文章主要介绍了html – 是否可以用CSS制作圆角三角形?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我目前拥有的:
.triangle { width: 0; height: 0; border-style: solid; border-width: 56px 56px 0 0; border-color: #ff4369 transparent transparent transparent; }
<div class="triangle"> </div>
我无法使用边框半径使左上角变圆……有没有其他方法可以做到这一点还是我需要使用SVG?
尽管如此,我强烈建议使用SVG来创建形状,因为像这样的简单形状很容易手动创建,它具有响应性,它是widely supported now和(在评论中提到的@chharvey)在语义上更合适.
<svg viewbox="0 0 50 50" height="56px"> <path d="M1 50 V10 Q1 1 10 1 H50z" fill="#ff4369" /> </svg>
您可以找到有关路径属性in the specs的更多信息.
以上是大佬教程为你收集整理的html – 是否可以用CSS制作圆角三角形?全部内容,希望文章能够帮你解决html – 是否可以用CSS制作圆角三角形?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。