利用絕對定位可以輕鬆在div的角上繪製三角形。如需更動態的方法，請考慮使用百分比值而不是固定像素值。
要實現所需的結果，請按照以下步驟操作：
<code class="html"><div class="container"> <div class="triangle"></div> </div></code>
<code class="css">.container {
position: absolute;
top: 5%;
left: 5%;
width: 60%;
height: 30%;
background: black;
color: white;
border-radius: 12px;
overflow: hidden;
}
.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
border-color: transparent #608A32 transparent transparent;
right: 0;
top: 0;
position: absolute;
}</code>使用此方法可以靈活定位並設計三角形，使其成為適合不同設計要求和容器尺寸的多功能解決方案。
以上是如何使用絕對定位在 Div 的角上繪製三角形？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
