CSS導入圖片是網(wǎng)頁設計常用的技巧，能夠使網(wǎng)頁更加豐富多彩。但是，如何保證圖片不變形，讓網(wǎng)頁看起來更加美觀呢？
可以通過以下的設置來實現(xiàn)圖片不變形的效果：
1.使用背景圖片
將圖片設為背景圖片，可以通過屬性background-size來設置背景圖片的大小。例如：

<div style="background-image:url('example.jpg'); background-size:100px 100px;"></div>

這樣設置可以使背景圖片按照指定大小顯示，不會發(fā)生變形。
2.使用img標簽
使用img標簽導入圖片時，可以通過屬性max-width和max-height來設置圖片的最大寬度和最大高度。例如：

</img>

這樣設置可以使圖片按照指定的最大寬度和最大高度顯示，不會發(fā)生變形。
3.使用object-fit屬性
object-fit是CSS3新增的屬性，可以用于調整圖片的大小和位置。該屬性有以下可選值：fill、contain、cover、none、scale-down。例如：

</img>

這樣設置可以使圖片按照指定的寬度和高度顯示，并且保持原始比例和對齊方式，不會發(fā)生變形。
以上是三種常用的方法，可以使圖片不變形地顯示在網(wǎng)頁上。設計師可以根據(jù)需要進行選擇，達到最佳的視覺效果。