在CSS中，我們可以使用偽元素和CSS屬性來繪制各種形狀，包括矩形、圓形、三角形等等。下面是一個通過CSS繪制出的矩形：

.rectangle {
width: 200px;
height: 100px;
background-color: #42b983;
}

以上代碼將生成一個寬200像素、高100像素、背景顏色為#42b983的矩形。接下來我們來看怎樣繪制一個三角形：

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #42b983;
}

以上代碼將生成一個底邊長為100像素、顏色為#42b983的三角形。要繪制三角形，我們需要用到CSS的border屬性，它可以用來設置邊框的大小、顏色、形狀等。其中，border-left、border-right和border-bottom分別用來設置三角形的三條邊，它們的寬度可以通過邊框的size參數來控制。由于我們只需要繪制一個向下的三角形，所以border-left和border-right的寬度都為50像素，并且顏色透明，而border-bottom的寬度為100像素，顏色為#42b983。

除了矩形、三角形，我們還可以繪制出梯形、菱形、五邊形等等幾何圖形。掌握這些技巧，對于網頁設計和實現來說都是非常有用和必要的。