CSS是一門非常重要的前端技術，它可以幫助我們實現各種各樣的效果。其中就包括在網頁上制作圖片。

/* 首先，設置一個div元素，作為圖片的容器 */
/* 接下來，通過CSS為這個容器添加背景圖片 */
.image-container {
background-image: url("example.jpg");
width: 500px;
height: 300px;
background-size: cover;
}
/* 這樣，一張高質量的圖片就出現在了你的網頁中 */

以上代碼中，我們使用了background-image屬性來設置圖片的來源，同時還設置了容器的寬高，使圖片可以完整地展示出來。而background-size屬性則設置了圖片的縮放方式，cover表示鋪滿整個容器。

當然，以上代碼只是制作圖片的簡單示例。在實際的開發中，我們可以通過調整容器的位置、大小、邊框和透明度等設置，實現更加豐富的效果。