CSS可以幫助我們輕松地實現正方形四角的效果。以下是一些可以實現正方形四角的CSS代碼示例：

/* 示例一：使用border-radius屬性實現 */
.square {
width: 100px;
height: 100px;
border-radius: 0;
}
/* 示例二：使用偽元素after實現 */
.square:after {
content: "";
display: block;
padding-top: 100%;
}
/* 示例三：使用padding和background-clip屬性實現 */
.square {
width: 100px;
height: 100px;
padding: 10px;
background-color: #333;
background-clip: content-box;
}

在上述代碼示例中，可以看到使用了不同的CSS屬性和技巧來實現正方形四角的效果。其中，第一個示例使用了border-radius屬性，將四個角的圓角半徑設置為0，實現了正方形的效果。

第二個示例則是使用了CSS偽元素after，在元素后插入一個空白的塊級元素，并設置它的高度為與寬度相等的百分比，從而實現了正方形的效果。

最后一個示例則是使用了padding和background-clip屬性，將元素的padding設置為實現正方形的邊框，同時將background-clip屬性設置為content-box，使背景色僅填充元素的content區域，從而實現了正方形的效果。

無論是哪種方法，都能輕松地實現正方形四角的效果，為我們的網頁設計和開發提供了更多的自由和創造空間。