CSS中定義背景色或背景圖片是比較常見的樣式,下面我們來看看怎么定義。
/* 定義背景色 */ body { background-color: #ECECEC; } /* 定義背景圖片 */ body { background-image: url("背景圖片的URL"); /* 可選屬性 */ background-repeat: no-repeat; /* 背景圖片不重復 */ background-size: cover; /* 背景圖片填滿屏幕 */ background-position: center; /* 背景圖片居中 */ }
以上代碼中,我們分別定義了背景色和背景圖片。
對于背景色,我們使用background-color
屬性來定義,后面跟著一個十六進制的顏色值或者顏色名。例如#ECECEC
是一個淺灰色。
對于背景圖片,我們使用background-image
屬性來定義,后面跟著一個圖片的URL地址。此外,我們還可以使用一些可選屬性來控制圖片重復、大小和位置等。例如background-repeat: no-repeat;
表示不重復圖片。
需要注意的是,如果同時定義了背景色和背景圖片,背景圖片會覆蓋背景色。