在网页设计中，背景图的使用是非常重要的，它可以为网页提供一种独特的风格，同时也可以提高网站的美观度和用户体验。今天，我将介绍如何通过CSS设置背景图的横向显示。
.bg {
background-image: url('bg.jpg');
background-repeat: repeat-x;
background-position: left top;
}
以上是一个基本的CSS样式，其中，我们将背景图设置为“bg.jpg”，并使用“background-repeat”属性将其横向平铺，同时使用“background-position”属性将其从左上角开始显示。
除此之外，我们还可以通过其他的CSS属性来控制背景图的横向显示效果。
.bg {
background-size: cover;
background-attachment: fixed;
background-origin: content-box;
}
其中，“background-size”属性可以设置背景图的大小，这里我们选择“cover”，即自适应铺满整个容器；“background-attachment”属性可以设置背景图的滚动方式，这里我们选择“fixed”，即背景图不随滚动条滚动；“background-origin”属性可以设置背景图的起始点，这里我们选择“content-box”，即以容器的内容框作为背景图的开始区域。
以上是关于CSS背景图横向显示的简单介绍，希望对您有所帮助。
