CSS中可以使用background-image屬性來顯示背景圖,示例如下:
body { background-image: url("bg.jpg"); }
其中,url()函數用于指定背景圖的路徑。除了路徑,background-image還支持其他的一些值,如以下示例:
/* 指定背景圖的位置和重復方式 */ body { background-image: url("bg.jpg"); background-position: center top; background-repeat: no-repeat; } /* 指定背景圖的縮放方式 */ body { background-image: url("bg.jpg"); background-size: cover; } /* 指定多個背景圖,以及每個圖的屬性 */ body { background-image: url("bg1.jpg"), url("bg2.jpg"); background-position: left top, right bottom; background-repeat: no-repeat, repeat-x; }
除了在body上設置背景圖,還可以在其他元素上指定背景圖。需要注意的是,背景圖會覆蓋元素的文本和其他內容,如需要在背景圖上顯示文本或圖標等,可使用background-color屬性來設置一個半透明的背景色。