web怎么在一个div边框设计一列三个小的div边框
时间: 2024-02-29 09:53:20 浏览: 56
您可以使用CSS中的flexbox布局来实现这个设计。您可以将包含三个小的div的父级div设置为一个flex容器,并使用CSS属性`flex-wrap: wrap`将它们分成一行中的三个列。然后,您可以为每个小div设置一个边框样式。
以下是一个简单的示例代码:
HTML:
```
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
```
CSS:
```
.container {
display: flex;
flex-wrap: wrap;
}
.box {
width: 30%;
height: 100px;
border: 1px solid black;
}
```
请注意,此代码仅提供示例,您可以根据需要进行修改和调整。
阅读全文