CSS 如何拉伸圖片大小

下面我們將介紹如何使用 CSS 來(lái)拉伸圖片大小。

## 1. 使用 `max-width` 屬性

我們可以使用 `max-width` 屬性來(lái)控制圖片的最大寬度。將 `max-width` 設(shè)置為一個(gè)值，圖片就會(huì)在最大寬度范圍內(nèi)拉伸。例如，如果將 `max-width` 設(shè)置為 `600px`，那么當(dāng)頁(yè)面中圖片的寬度大于 600px 時(shí)，圖片就會(huì)按照最大寬度拉伸。

下面是一個(gè)示例代碼，將圖片拉伸到 600px 寬度：

```html

## 2. 使用 `max-height` 屬性

與 `max-width` 類似，我們可以使用 `max-height` 屬性來(lái)控制圖片的最大高度。但是，`max-height` 只控制圖片的高度，而不考慮其寬度。因此，當(dāng)圖片的寬度大于 `max-height` 的值時(shí)，圖片就會(huì)按照最大高度拉伸。

下面是一個(gè)示例代碼，將圖片拉伸到 600px 高度：

```html

## 3. 使用偽元素

除了使用 `max-width` 和 `max-height` 屬性外，我們還可以使用偽元素來(lái)拉伸圖片大小。使用偽元素，我們可以將圖片元素作為一個(gè)子元素添加到頁(yè)面中，從而控制圖片的大小。

下面是一個(gè)示例代碼，將圖片拉伸到 600px 寬度和 300px 高度：

```html

<div style="width:600px; height:300px;">

</div>

## 總結(jié)