在網(wǎng)頁中添加圖片是現(xiàn)在網(wǎng)頁設(shè)計中必不可少的一項,通過使用 CSS 樣式增強圖片的外觀和布局可以讓頁面更加優(yōu)美。 那么在 CSS 樣式中,要用什么標(biāo)簽來添加圖片呢?我們可以使用以下兩種標(biāo)簽:
<img>
這是 HTML 語言中添加圖片的標(biāo)簽。但是,在使用 CSS 樣式時,我們更習(xí)慣使用以下一種:
background-image
這種方式可以使我們在 CSS 樣式中添加圖片來作為背景圖片,同時它也有更多的樣式屬性可以控制:
background-image: url('./example.jpg'); background-repeat: no-repeat; background-size: cover;
上面的代碼中,我們使用了 background-image 屬性指定要添加的圖片,同時通過 background-repeat 屬性設(shè)置圖片不重復(fù),使用 background-size 屬性控制圖片的尺寸。這些樣式屬性可以使我們在控制圖片在頁面中的顯示效果。
總的來說,我們可以通過兩種方式在 CSS 樣式中添加圖片,其中使用 background-image 屬性提供了更多的樣式屬性來操縱圖片的顯示效果。你可以通過不同的樣式屬性來實現(xiàn)對圖片的任何控制。