p
CSS是前端開發中必不可少的一部分，可以實現網頁排版、特效和動畫等各種效果。其中，控制背景圖是CSS中常見的一部分。接下來，我們將介紹如何使用CSS控制背景圖。
pre
/* 控制背景圖的常用屬性 */
background-image: url("image.jpg"); /* 背景圖的URL */
background-repeat: no-repeat; /* 背景圖不重復 */
background-position: center; /* 背景圖居中 */
background-size: cover; /* 背景圖撐滿容器 */
在CSS中，控制背景圖的核心屬性包括：background-image、background-repeat、background-position、background-size等等。其中，background-image用于指定背景圖的URL地址，background-repeat用于控制背景圖是否重復，background-position用于控制背景圖的位置，background-size用于控制背景圖的尺寸。
例如，我們可以使用以下代碼來控制一個帶有背景圖的div容器：
pre

在上述代碼中，我們先創建了一個寬300px、高200px的div容器，然后通過background-image屬性指定了背景圖的URL地址，并設置了background-repeat、background-position、background-size等屬性，來達到控制背景圖的效果。
總結來說，CSS中控制背景圖的核心在于background-image、background-repeat、background-position、background-size等屬性的運用。掌握了這些屬性，我們就可以輕松地實現各種背景圖效果，為網頁增色添彩。