CSS中調整圖片是一項重要的技能，本文將介紹如何引用圖片以及如何使用CSS調整圖片。

引用圖片

在CSS中，可以使用background-image屬性來引用圖片。以下是一個簡單的引用圖片的例子：

.myClass {
background-image: url("img/background.jpg");
}

上面的代碼將myClass類的背景圖片設置為img文件夾內的background.jpg圖片。

調整圖片尺寸

使用CSS可以輕松地調整圖片的尺寸。以下是一個簡單的例子：

.myClass {
background-image: url("img/background.jpg");
background-size: cover;
}

上面的代碼將myClass類的背景圖片設置為img文件夾內的background.jpg圖片，并通過設置background-size屬性為cover來調整背景圖片的尺寸。

其他調整圖片的CSS屬性

以下是其他一些可以用來調整圖片的CSS屬性：

• background-repeat- 設置圖片是否重復
• background-position- 設置圖片的位置
• opacity- 設置圖片的透明度
• filter- 使用濾鏡效果

通過使用這些屬性，可以將圖片調整得更加美觀。

總結

通過CSS引用并調整圖片是一項重要的技能。使用background-image屬性可以引用圖片，使用background-size、background-repeat和background-position屬性可以調整圖片的尺寸和位置。另外，還可以使用opacity和filter屬性來調整圖片的透明度和添加濾鏡效果。希望本文能對你有所幫助。