我需要創建兩列。左側為可變長度文本,右側為影像。

我嘗試了剪輯路徑,但沒有運氣。
謝謝jval
uj5u.com熱心網友回復:
剪輯路徑可以做到。這是一個概述:
.box {
display: grid;
grid-auto-flow: column;
height: 300px;
}
.box div:first-child {
background: blue;
clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% 50px));
box-shadow:0 0 0 50px blue;
}
.box div:last-child {
background: red;
}
<div class="box">
<div></div>
<div></div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/437221.html
標籤:css
