CSS中可以透過設定背景圖片的屬性來實現圖片不拉伸的效果。我們通常使用以下兩種方法：
方法一：background-size
使用background-size屬性來定義背景圖像的大小，可以指定背景圖像的寬度和高度，也可以使用cover或contain來自適應背景圖片大小。使用cover時，背景影像會被拉伸以填滿元素的整個寬度和高度，但不會變形。使用contain時，背景影像則會在元素中保持原始大小，同時最大化地填滿元素。
例如，以下程式碼可以在不拉伸的情況下將背景圖像設定為固定大小：
div { background-image: url("example.jpg"); background-size: 300px 200px; }
方法二：background-position
使用background-position屬性可以設定背景影像的位置，其中值可以是具體的像素值或相對位置，如center、top等。如果我們將背景圖像定位在元素中心，那麼無論元素大小如何改變，背景圖像都不會被拉伸。
例如，以下程式碼將背景圖像設定在元素中心：
div { background-image: url("example.jpg"); background-position: center center; background-repeat: no-repeat; }
使用以上兩種方法可以在CSS中實現不拉伸的背景圖像。具體的方法根據實際情況選擇適合自己的方式即可。
以上是css怎麼實現圖片不拉伸效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！
