CSS中可以使用div
元素來添加圖片顯示,具體實(shí)現(xiàn)方法是,在div
元素內(nèi)部使用img
元素來插入圖片,并設(shè)置div
元素的樣式來美化圖片顯示。
以下是一個(gè)示例代碼:
<div style="width: 200px; height: 200px; border: 1px solid #000; margin: 10px;"> <img src="image.jpg" style="width: 100%; height: 100%; object-fit: cover;"> </div>
在這個(gè)示例中,我們創(chuàng)建了一個(gè)寬度和高度都為200像素的div
元素,并設(shè)置了一個(gè)1像素寬的黑色邊框和10像素的外邊距,在div
元素內(nèi)部使用img
元素來插入圖片,并設(shè)置圖片的寬度和高度為100%,以適應(yīng)div
元素的大小,我們還使用了object-fit: cover;
屬性來確保圖片始終覆蓋整個(gè)div
元素,而不留空白。
通過這種方法,我們就可以在CSS中使用div
元素來添加圖片顯示,并控制圖片的樣式和大小。