我想使用基本的CSS在HTML页面上制作三角形。我正在使用需要加载时间的三角形图片,因此我希望减少页面加载时间。
我想使用基本的CSS在HTML页面上制作三角形。我正在使用需要加载时间的三角形图片,因此我希望减少页面加载时间。
这是关于如何创建CSS三角形的最佳解释:http://www.uselesspickles.com/triangles/
通过创建没有宽度或高度的div,当您将某些边框设置为透明时,边框会创建一个三角形。
荣誉这个页面是由一位同事编写的,在其他人发现这个技巧之前就已经完成了。
#tri {
width: 0;
height: 0;
border-top-width: 20px;
border-top-style: solid;
border-top-color: transparent;
border-right-width: 20px;
border-right-style: solid;
border-right-color: red;
}
<div id="tri"></div>
这将创建一个三角形
<svg width="100" height="100">
<polygon points="50, 50, 100, 100, 0, 100" fill="yellow" />
</svg>