CSS中定義圖片資源的方法非常簡單,只需要使用background-image屬性即可。
在CSS樣式文件中,我們可以使用如下代碼定義一個背景圖片資源:
p { background-image: url('圖片地址'); }其中,'圖片地址'是指圖片資源所在的路徑,可以是相對于CSS文件的相對路徑,也可以是完整的URL地址。 如果我們想讓背景圖片平鋪整個段落,可以使用background-repeat屬性:
p { background-image: url('圖片地址'); background-repeat: repeat; }其中,repeat值表示平鋪,如果不想平鋪,可以使用no-repeat值。 如果圖片太大,超出了段落的范圍,我們可以使用background-size屬性進行調整:
p { background-image: url('圖片地址'); background-size: cover; }其中,cover值表示背景圖片完全覆蓋段落,可能會對圖片進行拉伸,也可以使用contain值使圖片完全顯示在段落內。 以上就是CSS中定義圖片資源的相關方法,非常簡單易懂。