在網頁設計中，經常需要使用圖片來美化頁面。除了通過標簽來實現圖片展示，還可以使用CSS來制作圖片。下面我們來學習一下如何使用CSS標簽制作圖片。

/* 首先定義一個div標簽來容納圖片 */
div {
/* 設置容器的寬度和高度 */
width: 200px;
height: 200px;
/* 設置邊框，方便觀察效果 */
border: 1px solid black;
/* 清除內部內容的默認margin和padding */
margin: 0;
padding: 0;
}
/* 使用偽元素:before來生成圖片 */
div:before {
/* 設置content屬性為空 */
content: "";
/* 使用背景圖作為生成的圖片 */
background-image: url("圖片鏈接");
/* 設置生成圖片的寬度和高度 */
width: 200px;
height: 200px;
}

以上代碼中，我們先定義了一個div標簽作為容器來容納生成的圖片。我們設置了容器的寬度和高度，并清除了內部內容的默認margin和padding。接著，我們使用偽元素:before來生成圖片，使用background-image屬性將圖片鏈接作為背景圖來實現圖片展示，再設置生成圖片的寬度和高度。這樣，我們就可以通過CSS標簽來制作出一張美麗的圖片了。