CSS可以實(shí)現(xiàn)一些很有趣的圖形，例如三角形和橢圓。下面我們分別介紹如何使用CSS實(shí)現(xiàn)三角形和橢圓。

實(shí)現(xiàn)三角形:

.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}

以上代碼中，我們將元素的寬度和高度都設(shè)為0，然后設(shè)置邊框?yàn)橐粋€(gè)三角形。其中，border-top表示三角形的高度，border-right和border-left表示三角形的底部?jī)蓷l邊。由于底部?jī)蓷l邊都設(shè)為透明，所以看起來像是一個(gè)三角形。你可以通過調(diào)整border-top的值來改變?nèi)切蔚拇笮　?/p>

實(shí)現(xiàn)橢圓:

.oval {
width: 100px;
height: 50px;
border-radius: 50%;
background: #00f;
}

以上代碼中，我們將元素的寬度設(shè)為100px，高度設(shè)為50px，然后設(shè)置border-radius為50%。由于border-radius值為50%，所以元素的四個(gè)角都變成了圓形，從而形成了一個(gè)橢圓形。你可以通過調(diào)整寬高的值來改變橢圓的大小和比例，也可以通過調(diào)整border-radius的值來改變圓形的大小。