创建一个水平滚动条，内部包含容器，并用背景颜色进行着色。

您可以使用HTML、CSS和JavaScript来创建一个水平滚动条，内部包含容器，并用背景颜色进行着色。下面是一个示例代码：

HTML代码：

<div class="container">
  <div class="content">
    <!-- 这里放置容器内容 -->
  </div>
</div>

CSS代码：

.container {
  width: 300px; /* 设置容器宽度 */
  height: 200px; /* 设置容器高度 */
  overflow-x: scroll; /* 设置水平滚动条 */
  background-color: #f1f1f1; /* 设置背景颜色 */
}

.content {
  width: 1000px; /* 设置内容宽度，使其超出容器宽度 */
  height: 180px; /* 设置内容高度 */
  background-color: #ccc; /* 设置内容背景颜色 */
}

JavaScript代码：

// 可选：如果需要动态设置内容宽度，可以使用以下代码
var container = document.querySelector('.container');
var content = document.querySelector('.content');
container.scrollLeft = (content.offsetWidth - container.offsetWidth) / 2;

这段代码会创建一个宽度为300px、高度为200px的容器，内部有一个宽度为1000px、高度为180px的内容。容器设置了水平滚动条和背景颜色，内容设置了背景颜色。如果您希望内容始终居中显示，可以使用JavaScript代码动态设置初始滚动位置。

请将以上代码放置在HTML文件中，并在浏览器中打开以查看效果。