在 CSS 中，我們經(jīng)常需要使用截圖來(lái)展示樣式效果。在代碼中插入截圖的最簡(jiǎn)單方式是使用<img>標(biāo)簽，不過(guò)這有時(shí)效果并不好。這時(shí)候，我們便可以使用 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屬性來(lái)控制圖片大小，比如：

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

這樣就可以很方便地在網(wǎng)頁(yè)中展示截圖了！