CSS是一種用于樣式控制的語言，我們可以通過CSS來實現(xiàn)各種效果，如三角形和DIV的樣式。下面我們就來學(xué)習(xí)如何使用CSS來實現(xiàn)三角形和DIV。

實現(xiàn)三角形：

<div class="triangle"></div>.triangle {
width: 0;
height: 0;
border-top: 30px solid red;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

以上代碼表示，我們創(chuàng)建了一個class為"triangle"的DIV元素，然后使用CSS設(shè)置了它的寬度和高度為0，使用border-top設(shè)置了三角形的高度為30px，顏色為紅色，同時使用border-right和border-left設(shè)置了三角形的兩個角度為20px，顏色為透明，即為三角形形狀。

實現(xiàn)div：

<div class="box"></div>.box {
width: 300px;
height: 200px;
background-color: green;
border-radius: 10px;
box-shadow: 2px 2px 5px #999;
}

以上代碼表示，我們創(chuàng)建了一個class為"box"的DIV元素，然后使用CSS設(shè)置了它的寬度和高度為300px和200px，背景色為綠色，同時使用border-radius設(shè)置了邊角圓弧半徑為10px, box-shadow設(shè)置了一個陰影效果。

通過以上的兩個實例，我們可以看到，使用CSS可以輕松實現(xiàn)各種效果，只需要掌握一些基本的CSS技巧，就能夠?qū)崿F(xiàn)豐富多彩的頁面效果。