css中怎么做出多个盒子 |css鼠标悬停弹窗视频

.box1{
width: 150px;
height: 150px;
background-color: red;
float: left;
margin-right: 10px;
}
.box2{
width: 150px;
height: 150px;
background-color: blue;
float: left;
margin-right: 10px;
}
.box3{
width: 150px;
height: 150px;
background-color: green;
float: left;
}

如上所示，以上是CSS的样式代码，其中使用了float属性来设置浮动，此处设置了盒子向左浮动。另外，为使多个盒子布局显得更加美观，大家还设置了margin-right属性来设置盒子之间的间距。

在HTML中，大家可以用div标签来实现多个盒子的显示。以下是示例代码：

<div class="box1"></div><div class="box2"></div><div class="box3"></div>

如上所示，大家给每个盒子添加类名，然后在CSS中根据类名设置其样式属性。通过这样的设置，就可以在网页中制作出多个盒子了。

总的来说，使用CSS制作多个盒子可以通过设置浮动和间距来实现，同时，必须要在HTML中为每个盒子设置对应的类名来实现样式的设置。希望这篇文章能够帮助您更好地理解CSS制作多个盒子的方法。