如何改变材料卡（Angular 6）的形状？

Question

HTML：

<mat-card class="matcard-black"></mat-card>

CSS：

.matcard-black {
  background-color: black;
  height: 400px;
  margin-top: 10px;
  background: linear-gradient(168deg, #000 62%, #000 62%, #000 62%, 
  transparent 63%);

}

我想自定义mat-card的形状。上面写的代码只是在卡片中构建了这个形状但我希望我的卡片处于那种形状。

Answer 1

您可以尝试使用标记名称而不是类名称（即mat-card）进行样式设置

Answer 2

你可以试试这个。

mat-card {
      background-color: black;
      height: 400px;
      margin-top: 10px;
      background: linear-gradient(168deg, #000 62%, #000 62%, #000 62%, 
      transparent 63%);
}