在 CSS 中，我們經常需要使用截圖來展示樣式效果。在代碼中插入截圖的最簡單方式是使用<img>標簽，不過這有時效果并不好。這時候，我們便可以使用 CSS 中的截屏代碼。

截屏代碼的基本格式如下：

background: url('path/to/image.png') no-repeat;
width: x px;
height: y px;

其中，path/to/image.png是圖片的路徑，x和y分別是圖片的寬度和高度。這樣我們就可以把圖片作為背景插入到 HTML 元素中：

/* 把圖片插入到 div 元素中 */
div {
background: url('path/to/image.png') no-repeat;
width: 300px;
height: 200px;
}

值得一提的是，我們也可以使用background-size屬性來控制圖片大小，比如：

/* 通過 background-size 控制圖片寬度 */
div {
background: url('path/to/image.png') no-repeat;
width: 300px;
height: 200px;
background-size: 100% auto;
}

這樣就可以很方便地在網頁中展示截圖了！