.icon1 {
float: left;
width: 0;
height: 0;
border-bottom: 100px solid red;
border-right: 100px solid transparent;
}
.text1 {
float: right;
width: 0;
height: 0;
border-bottom: 100px solid transparent;
border-right: 100px solid red;
right: 50px solid red;
}
<div class="content">
<div class= "icon1"></div>
<div class= "text1"></div>
</div>
我要让文本1格向右展开,我觉得截图将帮助: 你们能帮助我吗?我想要左三角形是没有左下角的矩形。
我不确定你的预期结果是什么。此外,您可以将您的代码转换为Stack Snippet。 – domsson
这是我想达到的一点:https://gyazo.com/01f8aa86563c036653cfd4cb011b7fbb –
有没有原因,你不能使用'img'或'svg'?就目前而言,为了使用CSS创建这种形状,我认为您需要多个元素,“伪”或其他。您可能可以使用'clip-path',具体取决于您使用的形状。 – hungerstar