angular material卡片组件设置圆角
时间: 2024-01-06 08:04:49 浏览: 185
要设置 Angular Material 卡片组件的圆角,可以使用 CSS 的 `border-radius` 属性。在你的组件的 CSS 文件中,添加以下样式代码:
```
.mat-card {
border-radius: 10px; /* 可以根据需要调整圆角的大小 */
}
```
这将会把卡片组件的四个角都设置成圆角。如果你想只设置特定的角,可以使用 `border-top-left-radius`、`border-top-right-radius`、`border-bottom-left-radius` 和 `border-bottom-right-radius` 属性。
例如,以下样式代码将只把左上角和右上角设置成圆角:
```
.mat-card {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
```
阅读全文