CSS是一種常用的網頁樣式設計語言，它可以實現很多有趣的效果。其中，制作正方形和三角形是CSS中的基礎內容，下面我們來看看如何使用CSS實現正方形和三角形效果。

1. 實現正方形

使用CSS實現正方形的方法很簡單：

.square {
width: 100px;
height: 100px;
background-color: #ff0000; /* 背景顏色可以根據需要自行調整 */
}

上面的代碼中，我們定義了一個名為“square”的class樣式，它的width和height都設置為100px，這樣就得到了邊長為100px的正方形。然后，我們給它添加了一個背景顏色，這樣就可以看到效果了。

2. 實現三角形

使用CSS實現三角形的方法與正方形類似，下面是一個例子：

.triangle {
width: 0;
height: 0;
border: 50px solid transparent; /* 邊框顏色設置為透明色 */
border-bottom-color: #ff0000; /* 底部邊框設置顏色 */
}

上面的代碼中，我們同樣定義了一個名為“triangle”的class樣式，它的width和height都設置為0，因為三角形是由邊框構成的，所以我們使用border屬性設置邊框寬度以達到三角形的效果。然后，我們將邊框顏色設置為透明色，只給底部的邊框添加了一個顏色值，這樣就得到了一個等腰直角三角形。

以上就是使用CSS實現正方形和三角形的方法，雖然很簡單，但是它們在頁面設計中還是很有用處的。