在网页设计中，美观的图片是不可或缺的。在使用CSS样式表时，我们可以使用background-image属性对层进行背景图片设置，来实现图片的展示。

/* CSS样式表 */
.layer {
background-image: url("image.jpg");
background-size: cover;
width: 500px;
height: 300px;
}

在上面的代码中，我们设置了一个类名为“layer”的层，将背景图片设置为“image.jpg”，并将背景大小设置为封面，达到完全覆盖层的目的。同时设置了层的宽度和高度，以保证图片在层上的尺寸。

如果我们想让图片不完全覆盖层，而是留有一部分空白区域，我们可以使用background-position属性。

/* CSS样式表 */
.layer {
background-image: url("image.jpg");
background-size: cover;
background-position: center top;
width: 500px;
height: 300px;
}

在上面的代码中，我们将背景图片的位置设置为居中顶部，也就是让图片在层的顶部留有一定的空白区域。

除了使用背景图片，我们也可以直接在层中插入标签来展示图片。在这种情况下，我们可以使用position属性将图片定位到层的相应位置。

/* CSS样式表 */
.layer {
position: relative;
width: 500px;
height: 300px;
}
.layer img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

在上面的代码中，我们将层设为相对定位，以便让内部元素相对于该层进行绝对定位。而图片我们则设置为绝对定位，并将其位置设置为居中。通过transform属性，我们可以将图片的位置调整为居中的完美状态。

当然，这只是一些CSS中添加图片的基本技能。在实际的网页设计中，我们可以选择多种多样的方法，利用CSS中强大的特性来实现各种炫酷的图片展示效果。