在網頁設計和網頁開發中，CSS被廣泛地使用。它可以通過樣式表對HTML頁面進行布局、排版和美化。其中一項非常重要的功能是通過CSS來控制圖片的邊框顏色。

有時，我們需要讓圖片的邊框顏色與頁面的背景色相同，這時我們可以通過以下CSS代碼實現：

img {
border: 1px solid transparent; /* 隱藏原來的邊框 */
background-color: #f0f0f0; /* 設置背景色為灰色 */
padding: 5px; /* 設置內邊距為5px */
}

上述代碼中，我們使用了border屬性把原來的邊框隱藏掉，并且通過設置樣式表的background-color屬性來改變圖片的邊框顏色為灰色。為了讓圖片和背景之間有一定的間距，我們還設置了padding屬性，將圖片的內邊距設置為5px。

如果我們想要改變圖片邊框的寬度和樣式，可以使用border-width和border-style屬性。例如，如果我們想要讓圖片的邊框變成黑色的虛線，可以使用以下CSS代碼：

img {
border: 3px dashed #000; /* 設置邊框寬度為3px、樣式為虛線、顏色為黑色 */
padding: 5px; /* 設置內邊距為5px */
}

通過上述代碼，我們可以很容易地對網頁中的圖片進行美化和界面調整，提高網頁的用戶體驗和視覺效果。