html - 是否可以分别设置 1 个 div 的两半样式？

Question

例如，一半倾斜一个 Angular ，另一半倾斜另一个 Angular ，仅使用 1 个 div。

原因是我将在 Div 中放置文本，所以我不能将它分成两部分。

非常感谢您提供的任何信息或想法。

Answer 1

引用这个作为例子，因为你没有添加任何代码，不可能猜到你的方法。但是您可以通过将 background:linear-gradient 添加到 parent div 来实现。

div{
  width:300px;
  height:300px;
  background:linear-gradient(90deg, red 50%, green 50%);
}
div h1{
  text-align:center;
}

<div>
<h1>Hello !!!</h1>
</div>

为其他浏览器支持添加供应商前缀。