CSS是一種用于網頁設計的樣式語言。在設計網頁時，圖片的顯示往往是一個重要的問題。有時候圖片的大小不太適合網頁設計，那么如何用CSS讓圖片適應邊框呢？ 首先，我們需要用CSS來定義邊框的樣式，可以使用border屬性來定義。border有三個參數，分別是寬度、樣式和顏色。例如：

border: 1px solid gray;

這段代碼定義了一個寬度為1像素，樣式為實線，顏色為灰色的邊框。 接下來，我們可以使用CSS的max-width屬性來設置圖片的最大寬度。這樣，當圖片的寬度超過最大寬度時，它就會自動縮小，以適應邊框。例如：

img {
max-width: 100%;
border: 1px solid gray;
}

這段代碼定義了一個最大寬度為100%的圖片，并給它加了一個寬度為1像素，樣式為實線，顏色為灰色的邊框。 另外，我們也可以使用max-height屬性來設置圖片的最大高度。例如：

img {
max-width: 100%;
max-height: 100%;
border: 1px solid gray;
}

這段代碼定義了一個最大寬度為100%，最大高度為100%的圖片，并給它加了一個寬度為1像素，樣式為實線，顏色為灰色的邊框。 總之，利用CSS的max-width和max-height屬性，我們可以輕松地讓圖片適應邊框，從而使網頁更加美觀、舒適。