CSS(層疊樣式表)是一種用于樣式和布局的編程語言，用于創建網頁和應用程序的樣式。在CSS中，可以使用圖片作為樣式的變量，從而為網頁添加各種效果。本文將介紹如何使用CSS來插入圖片，以及如何使用CSS中的圖片變量來改變圖片的外觀。

一、插入圖片

width: 100px;

height: 100px;

border: 1px solid #ccc;

object-fit: contain;

上面的代碼將創建一個寬度為100像素，高度為100像素的圖片，并將其放入一個內聯對象中，使其寬度和高度均為容器的寬度和高度。`object-fit`屬性可以使圖片自適應容器的大小，而不會變形。` contain`屬性可以使圖片居中對齊。

二、使用圖片變量

width: 100px;

height: 100px;

三、使用CSS中的圖片變量

CSS中的圖片變量可以通過CSS的`@import`語句實現。例如，可以使用以下CSS樣式來將一個外部圖片設置為頁面背景：

body {