css两行图展示

CSS的一个重要应用就是用来控制网页中的样式，例如颜色、大小、排版等。在网页设计中，经常需要用到图片来展示商品、服务等内容，而CSS中的“两行图展示”技术可以帮助设计师更好地展示图片。

这种技术通常用于展示两张图片，一张作为背景图片，另一张则用作其他元素的图标或装饰。下面是一段使用CSS两行图展示技术展示的代码：

div {
    width: 200px; // 设置容器的宽度
    height: 200px; // 设置容器的高度
    background-image: url('bg.jpg'); // 设置背景图片
    background-repeat: no-repeat; // 控制背景图片不进行重复
}

span {
    display: block; // 将span元素设置为块级元素
    width: 50px; // 设置图标的宽度
    height: 50px; // 设置图标的高度
    background-image: url('icon.jpg'); // 设置图标的背景图片
    background-repeat: no-repeat; // 控制图标图片不进行重复
    margin: 0 auto; // 将图标水平居中
    position: relative; // 设置相对定位
    top: 75px; // 将图标向下移75像素
} 

在上面的代码中，我们创建了一个div容器来包含背景图片，然后用一个span元素来添加图标。通过使用CSS样式，我们可以调整图标的位置、大小、添加边框等多种效果，使得展示效果更加美观。

总之，CSS两行图展示技术是网页设计中常用的技术，可以帮助展示图片内容。如果您想要进行更多的样式调整，可以通过CSS的其他样式属性来进行调整，例如边框、阴影等。