在CSS中,圖片和文字都是網頁中常見的元素。下面我們來看看如何在CSS中使用圖片和文字。
/* 在CSS中插入圖片 */ 屬性名稱:background-image; 值:url('圖片地址'); /* 例如:插入一張圖片作為背景 */ body { background-image: url('bg.jpg'); }
如上代碼所示,通過 background-image 屬性,我們可以將某張圖片作為背景插入到網頁中。其中,我們需要將圖片的地址放在 url() 中。
/* 通過HTML代碼插入圖片 *//* 例如:插入一張圖片 */
通過上述 HTML 代碼,我們也可以在網頁中插入一張圖片。其中,我們需要將圖片的地址放在 src 屬性中。
/* 在CSS中設置文字樣式 */ 屬性名稱:color; 值:顏色名稱/顏色代碼; /* 例如:設置文字顏色為紅色 */ p { color: red; }
如上代碼所示,通過 color 屬性,我們可以設置文字的顏色。其中,我們可以使用顏色名稱或顏色代碼作為屬性值。
綜上,CSS提供了多種方式來使用圖片和文字,并且這些方式都是相對靈活、方便的。我們可以根據網頁的實際需求,選擇合適的方法來插入圖片和設置文字樣式。