CSS3的content屬性允許我們通過在偽元素before和after中插入圖片，字體圖標或計數器等內容來豐富我們的頁面。在此，我們將重點探討如何使用content屬性插入圖片。

/* 在偽元素before中插入圖片 */
div:before {
content: url('image.jpg');
}
/* 在偽元素after中插入圖片 */
div:after {
content: url('image.jpg');
}
/* 可以設置圖片的寬度和高度 */
div:before {
content: url('image.jpg');
width: 100px;
height: 100px;
}
/* 可以設置圖片的位置 */
div:before {
content: url('image.jpg');
position: absolute;
top: 0;
left: 0;
}
/* 可以使用多個偽元素來插入多張圖片 */
div:before,
div:after {
content: url('image1.jpg');
}
div:after {
content: url('image2.jpg');
}

使用content屬性插入圖片時，需要注意以下幾點：

1、content屬性只可以在偽元素before和after中使用。

2、需要指定圖片的路徑，可以使用相對路徑或絕對路徑。

3、可以設置圖片的寬度和高度，也可以使用其他CSS屬性來設置圖片的位置和屬性。

總結來說，使用CSS3的content屬性插入圖片可以讓我們更加靈活地美化頁面，提升用戶的體驗感。希望本文能夠幫助你更好地理解和應用這一技術。