需要添加一个视频在我的顶部-包装器，请教我如何设计css

要在顶部包装器中添加一个视频，你可以按照以下步骤设计CSS：

1. 首先，创建一个用于包装视频的div容器，可以为其添加一个特定的类名或ID来标识。例如：

<div class="video-wrapper"></div>

1. 接下来，在CSS中针对该类名或ID设置样式。首先，设置该容器为相对定位，以便后续绝对定位视频元素。然后，设置容器的宽度和高度，以适应所需的视频尺寸。例如：

.video-wrapper {
  position: relative;
  width: 100%;
  height: 400px; /* 根据需求设置视频的高度 */
}

1. 然后，在视频容器内部创建一个用于放置视频的视频元素，例如使用<video>标签。在该元素上设置绝对定位，并将其宽度和高度设置为100%以填充容器。例如：

<div class="video-wrapper">
  <video src="video.mp4" autoplay loop muted></video>
</div>

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

1. 最后，根据需要，可以为视频容器和视频元素添加其他样式，例如添加边框、阴影、居中等效果。

完成上述步骤后，您将在顶部包装器中成功添加了一个视频。请确保视频文件（例如video.mp4）在正确的路径下，并根据需要调整相关的CSS样式。