是否可以在CSS中创建流体边框？I'；我画了一个三角形，我希望它能覆盖50%的宽度和50%的高度。

这是我用来做三角形的

#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%？

也许您没有很好地解释它，但您无法使用CSS

边框制作非矩形形状。矢量三角形或大型透明gif是您的最佳选择。或者使用带有三角形特殊字符的字体，并将字体变大。
谢谢，我认为矢量三角形最好，因为我希望它是流动的，正好是50%的高度和宽度。基本上，我只是想知道，一般来说，如果我们可以在%Oh中设置边框，我不能在它上面使用矢量三角形/图像，因为重叠的div框使鼠标事件无法识别。我在下面的div中有一些主要的鼠标悬停元素。但我希望这个白色三角形只是一个重叠部分。我能用什么？我应该把它做成一个img标签吗？