正方形邊框在網頁設計中非常常見，特別是在展示圖片或者是產品的時候。那么如何使用CSS來實現這個效果呢？ 首先，我們需要設置元素的寬度和高度相等，這樣才能保證邊框是一個正方形。然后再使用CSS的border屬性來設置邊框的樣式，可以是實線、虛線等等，最后就可以得到一個美觀的正方形邊框。 下面是實現正方形邊框的CSS代碼：

.square-border {
width: 200px;
height: 200px;
border: 2px solid #000;
}

上述代碼中，我們創建了一個類名為square-border的樣式，在其內部設置了一個寬度和高度相等的元素，并使用border屬性設置了一個寬度為2個像素、顏色為#000的實線邊框。這樣就可以得到一個200*200像素的正方形邊框。 如果我們想要讓邊框變得更加美觀，可以使用CSS的border-radius屬性來設置邊框的圓角效果。例如，下面的代碼可以創建一個帶圓角效果的正方形邊框：

.round-border {
width: 200px;
height: 200px;
border: 2px solid #000;
border-radius: 10px;
}

上述代碼中，我們在原有的CSS代碼基礎上，增加了border-radius屬性，并設置圓角大小為10像素。這樣就可以得到一個圓角效果的正方形邊框。 總之，在網頁設計中，正方形邊框是一個很常見的元素，使用CSS來實現這個效果非常簡單，只需要設置元素的寬度和高度相等，并使用border屬性來設置邊框的樣式即可。需要注意的是，如果想要讓邊框更加美觀，可以使用border-radius屬性來設置邊框的圓角效果。