CSS 強制圖片正方形

CSS 是一種用于控制網頁布局和樣式的語言。通過使用 CSS，我們可以對網頁中的元素、圖片等進行調整，包括大小、位置、顏色等。其中，強制圖片正方形是一種常見的樣式調整，可以使圖片始終保持正方形的形狀，而不受瀏覽器縮放影響。

具體來說，我們可以通過在圖片元素上添加 `border-radius` 屬性來實現強制圖片正方形。該屬性控制圖片的四個角的圓角大小，設置為 5 像素時，圖片將保持正方形形狀。以下是一個示例代碼：

```html

在這個示例中，`border-radius` 屬性被設置為 5 像素，這使得圖片的四個角都變成了 5 像素的圓角。如果我們要調整圓角的大小，可以根據實際情況調整 `border-radius` 的值。

除了 `border-radius`，我們還可以使用 `width` 和 `height` 屬性來控制圖片的大小，同樣可以保持圖片的正方形形狀。以下是一個示例代碼：

```html

在這個示例中，`width` 和 `height` 屬性都被設置為 100 像素，這使得圖片的寬度和高度均為 100 像素，保持正方形形狀。需要注意的是，如果圖片的寬度和高度不相等，圖片的形狀將會受到影響。

通過使用 CSS 強制圖片正方形，我們可以輕松地使圖片始終保持正方形的形狀，而不受瀏覽器縮放影響。這對于設計和優化網頁布局非常有幫助。