Pau*_*aul 3 html css pseudo-element
我想用两个三角形来组成一个矩形。然后我想将内容放入每个三角形中。我从这里跟踪上一个问题的答案：上一个问题。
width: 80vw我的问题是，如果高度不很大，我就无法得到矩形。然后，我不确定如何将内容放入后元素中，或者这是否是设计此元素的最佳方法，因为我知道我将把内容放入三角形中。
有谁知道我该怎么做或者有更好的解决方案？
#tierBoxSec {
position: relative;
height: auto;
width: 100%;
}
.box {
width: 80vw;
height: 200px;
background: radial-gradient(at top left, #FFF 49%, #b82222 50%, #b82222 100%);
}<section id="tierBoxSec">
<div class="box"></div>
</section>我制作了一个片段，更好地说明了如何使用线性渐变来做到这一点：
red 50%, blue 50%为每种颜色设置 50% 的“颜色停止点”，这意味着它们不会继续超过渐变区域的 50%。red 25%, blue 25%例如，您可以通过执行类似的操作来创建不同的分界线。
#box {
width: 100px;
height: 100px;
background: linear-gradient(45deg, red 50%, blue 50%);
}<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient -->
<body>
<div id="box">
</div>
</body>