如果你想用CSS寫一個(gè)紅色三角形,可以使用以下代碼:
triangle { width: 0; height: 0; border-style: solid; border-width: 0 100px 100px 100px; border-color: transparent transparent red transparent; }
讓我們解釋一下這個(gè)代碼:
- 我們創(chuàng)建一個(gè)名為triangle的CSS選擇器。
- 我們將選擇器的寬度和高度設(shè)置為0。
- 我們?cè)O(shè)置選擇器的邊框樣式為實(shí)線,其寬度為0 100px 100px 100px。
- 我們使用border-color屬性,將只有底部邊框的區(qū)域填充為紅色而其他邊框?yàn)橥该鳌?/li>
這個(gè)代碼會(huì)使用一個(gè)等腰直角三角形的形狀,使用紅色作為填充色,而其他三邊使用透明來(lái)隱藏。
我們可以在html文檔中使用這個(gè)CSS代碼。