我试图让两个三 Angular 形组成一个矩形。然后我想将内容放入每个三 Angular 形。我正在从这里关注上一个问题的答案:Previous Question .
我的问题是，如果高度不是很大，我无法将矩形设为 width: 80vw。然后，我不确定如何将内容放入后元素中，或者这是否是最好的设计方式，因为我知道我会将内容放入三 Angular 形中。
有谁知道我该怎么做或有更好的解决方案吗？
#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>关于html - 两个三 Angular 形拼成一个长方形，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50765309/