CSS是一種網頁樣式表語言，可以控制網頁內容的呈現效果。其中，顯示框圖片是網頁設計中常常用到的元素。通過CSS，我們可以輕松地添加顯示框圖片，并控制其大小、位置、顏色等屬性。下面是一段CSS顯示框圖片的代碼：

.box {
width: 200px;
height: 200px;
background-image: url("image.png");
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #ccc;
}

這段代碼定義了一個名為“box”的CSS類，其中，width和height屬性分別規定了顯示框圖片的寬度和高度，而background-image屬性則指定了圖片的URL地址。background-repeat屬性決定了是否要平鋪圖片以填滿顯示框（本例中，我們將其設置為“no-repeat”）。在這里，background-position屬性指定了圖片在顯示框內的水平垂直居中位置。border屬性為顯示框添加了一條邊框，而box-shadow則為顯示框設置了陰影效果。

除了上述屬性，我們還可以通過CSS控制圖片的透明度、旋轉角度、邊框樣式等。在編寫CSS代碼時，我們可以使用pre標簽來顯示代碼，其中的文本將會保持格式不變，這樣可以讓代碼更加易于閱讀。同時，我們也可以通過格式化代碼的方式，使代碼更加清晰易懂。