正方形是一種比較常見的圖形，而在網頁設計中，我們時常需要將正方形變成三角形。借助CSS3的新特性，將正方形變成三角形已經非常簡單了。 第一步，先將正方形的邊框去掉，這樣我們就可以看到一個完整的正方形： `````` 第二步，將正方形的左右兩側設為透明，只保留上下兩側，形成一個梯形。代碼如下： `````` 第三步，將上下兩側的邊框寬度設為0，只保留左右兩側的邊框。代碼如下： `````` 以上三步就可以將一個正方形變成一個三角形了。如果需要在三角形上添加文字或者其他內容，只需要在三角形外包裹一個容器，并將其寬度和高度調整為與三角形相同即可。 通過使用CSS3的新特性，我們可以輕松地將正方形變成三角形，實現網頁設計的多樣化效果。