是否可以在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;

}

理想情况下，我想要边框顶部：50％高度和边框右边：50％宽度，但这不存在所以.. 有没有办法做到这一点？或者我最好使用矢量三角形图像并将其调整为50％，50％？

Answer 1

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