我正在研究角度材料网格列表。如何在所有垫网格瓷砖上应用/绘制黑色边框及其粗细,如下所示?编辑垫网格图块的 css 的类名是什么?
<mat-grid-list cols="12" rowHeight="200px">
<mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
<mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
<mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
<mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
</mat-grid-list>
您只能通过 CSS 实现此目的。
在检查时,您会看到有一个名为mat-grid-tile
的类。
在该类上,您添加以下css将帮助您提供边框,还可以控制厚度,颜色等...
.mat-grid-tile {
border: solid 2px #000;
}
检查下面的 堆栈闪电战 我在style.scss
中添加了相同的 css .
堆栈闪电战