正方形是一種獨特的圖形，它的四邊長度相等、四角都是直角。但是，如果我們在正方形中斜著切一個角，那么就會出現一個彼此垂直的多邊形，這種形狀稱為菱形。在CSS中，可以用transform屬性來實現這種效果。

.square {
width: 200px;
height: 200px;
background-color: #009688;
transform: skew(30deg);
}

上述代碼中，我們定義了一個寬高都為200像素的正方形，并且把背景色設置為#009688。接著，通過 transform: skew(30deg) 來將正方形傾斜30度。這樣一來，正方形的兩個對角線上的角就不再是90度了，而是60度和120度，從而得到了一個菱形。

需要注意的是，通過transform: skew()來實現斜角效果時，元素的寬高也會相應地發生變化。因此，如果需要保持元素的寬高不變，可以將元素內部的內容用嵌套的div標簽包裹起來，再對包裹div進行傾斜處理。

.square {
width: 200px;
height: 200px;
background-color: #009688;
}
.skewed {
transform: skew(30deg);
}

上述代碼中，我們用外層div定義了正方形元素的寬高和背景色，同時為內層div.skewed應用transform: skew(30deg)。這樣一來，內層div被傾斜了30度，而外層div的寬高仍然保持不變。

正方形斜一個角是一種比較特別的效果，在某些設計場合中會用到。通過CSS中的transform屬性，我們可以輕松地實現這種效果的展示。