標題：使用 CSS 控制圖片比例

隨著 Web 開發的日益普及，越來越多的人開始使用圖片作為網站的主要元素。然而，圖片的比例問題一直是 Web 開發者面臨的挑戰之一。在 CSS 中，我們可以使用 `width` 和 `height` 屬性來控制圖片的寬度和高度，但是如何控制圖片的比例呢？

在本文中，我們將介紹如何使用 CSS 控制圖片的比例。我們使用 `width` 和 `height` 屬性來控制圖片的寬度和高度，但是我們可以將其比例設置為 4:3 或 3:4 等比例。我們可以使用 `transform` 屬性來旋轉圖片，從而實現不同比例的圖像布局。

讓我們了解一下如何使用 CSS 控制圖片的比例。首先，我們需要將圖片添加到我們的 HTML 文件中。然后，我們可以使用 CSS 樣式表來設置圖片的寬度和高度，以及其比例。

以下是一個使用 CSS 控制圖片比例的示例：

```html

在這個示例中，我們將圖片的寬度設置為 400 像素，并將其比例設置為 4:3。這意味著圖片的寬度將占其高度的 40%，并且其高度將占其寬度的 30%。

接下來，我們可以使用 CSS 樣式表來設置圖片的旋轉角度。我們可以使用 `transform` 屬性來實現圖片的旋轉，并將其比例設置為 3:4 等比例。

以下是一個使用 CSS 控制圖片比例的示例：

```html

在這個示例中，我們將圖片的寬度設置為 400 像素，并將其比例設置為 3:4。這意味著圖片的寬度將占其高度的 30%，并且其高度將占其寬度的 40%。然后，我們將 `transform` 屬性設置為 `rotate(-45deg)`，以使圖片旋轉 45 度。

使用 CSS 控制圖片比例可以使我們的網站更加美觀和易于使用。我們可以使用 `width` 和 `height` 屬性來控制圖片的寬度和高度，但是我們可以將其比例設置為 4:3 或 3:4 等比例。我們可以使用 `transform` 屬性來實現圖片的旋轉，從而實現不同比例的圖像布局。