CSS是一種很強大的網頁樣式語言，可以讓我們改變文本、圖片、甚至是網頁里的方框。在CSS中，我們可以輕松地使用border-radius屬性來改變方框的邊角形狀。下面是一個使用CSS改變方框菱角代碼的例子：

div {
width: 200px;
height: 100px;
background-color: lightblue;
border: 2px solid black;
border-radius: 50%;
}

在上面的代碼中，我們首先定義了一個div元素，設置了它的寬度、高度和背景顏色。接著，我們設置了方框的邊框寬度和樣式，并使用border-radius屬性將邊角設置為50%，從而形成了一個菱形的形狀。

需要注意的是，border-radius屬性可以接受多個參數，分別對應四個角的圓角程度。例如，如果我們想將左上角和右下角設置成圓形，可以這樣寫：

div {
// 其他樣式
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}

通過不同的border-radius屬性值設置，可以改變方框的形狀，例如，設置為0%可以變成正方形或矩形，設置為100%則可以變成圓形。除了圓形和菱形，還可以將方框的角變成三角形或扇形等等，這些都可以使用CSS來實現。