在 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;}

这样就可以很方便地在网页中展示截图了！