.overview .numberOfTools { width: 299px; height: 340px; background-color: #008cdc; margin-top: 116px; display: flex; flex-wrap: wrap; align-content: flex-start; } .numberOfTools li { width: 88px; height: 96px; border: 1px solid red; text-align: center; margin: 0px -1px -1px 0px; }让这些代码实现没有外部边框线的九宫格
时间: 2024-02-20 15:58:02 浏览: 84
您可以将`.numberOfTools li`的`border`属性改为`none`,代码如下:
```
.overview .numberOfTools {
width: 299px;
height: 340px;
background-color: #008cdc;
margin-top: 116px;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.numberOfTools li {
width: 88px;
height: 96px;
border: none;
text-align: center;
margin: 0px -1px -1px 0px;
}
```
这样就可以实现没有外部边框线的九宫格。
阅读全文