CSS 是一種用于控制網頁樣式的標記語言。在 CSS 中，我們可以使用屬性來控制圖片的大小、位置、旋轉等。今天，我們將探討如何使用 CSS 設置圖片的最大高度。

首先，我們需要確保我們在 CSS 中已經設置了容器元素的樣式。假設我們有一個容器元素，如一個 HTML 標簽，我們可以使用如下 CSS 代碼來設置圖片的最大高度：

```css

/* 設置容器元素的寬度和高度 */

width: 80%;

height: 500px;

上述代碼將容器元素的寬度設置為 80%，高度設置為 500px。這個高度是指圖片的最大高度，它可以通過設置 `max-height` 屬性來實現。

下面是一個示例，展示了如何使用 CSS 設置圖片的最大高度：

```html

<div class="container">

</div>

```css

.container {

width: 80%;

height: 500px;

max-height: 200px;

上述代碼將容器元素的寬度設置為 80%，高度設置為 500px。同時，使用 `max-height` 屬性設置圖片的最大高度為 200px。這個高度是指圖片的最大高度，它可以比實際高度大，但不能超過 200px。

通過上述示例，我們可以看到使用 CSS 設置圖片的最大高度可以幫助我們控制圖片的大小。我們可以根據需要調整圖片的最大高度，以滿足我們的需要。