css - 是否可以在 CSS 中制作流畅的边框？我正在绘制一个三角形，我希望它覆盖页面的 50% 宽度和 50% 高度。

Question

这是我用来制作三角形的东西

#triangle-topright {
   width: 0;
    height: 0;
    border-top: 400px solid white; 
    border-right: 600px solid transparent;
    position:absolute;
    right:0; top:0;
    opacity: 0.24;

}

理想情况下，我想要 border-top: 50% height 和 border-right:50% width ，但这不存在所以..有没有办法做到这一点？还是我最好使用矢量三角形图像并将其调整为 50%、50%？

Answer 1

也许您没有很好地解释它，但您不能使用 CSS 制作非矩形形状border。矢量三角形或大型透明 gif 是您最好的选择。或者使用带有三角形特殊字符的字体并使字体大小变大。