在CSS中插入圖片是網頁美化的重要一環。可以用CSS的background-image屬性插入一張背景圖片,或者用HTML的img標簽結合CSS來插入一個圖片。
下面是用CSS的background-image屬性插入一張背景圖片的代碼:
p { background-image: url("example.jpg"); }這樣,在所有p標簽中,都會出現example.jpg這張圖片作為背景。 如果要在HTML文本中插入一個圖片,通常會這樣寫:但是,我們還可以對這個圖片進行CSS的樣式修飾,如下所示:
img { width: 50%; height: auto; border: 1px solid gray; margin: 10px; }這個CSS樣式修飾代碼為這個圖片設置了寬度為50%,高度自適應,邊框為1px的灰色實線,外邊距為10像素。 現在,在HTML文本中插入這個圖片的代碼就可以改為:以上就是用CSS插入圖片的簡單介紹,希望對大家有所幫助。