在Angular Material中,可以使用mat-elevation
属性为卡片添加阴影效果。阴影颜色可以通过CSS自定义。
.mat-card {
background-color: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影颜色 */
}
mat-elevation
属性为卡片添加阴影效果,并使用定义的阴影颜色:
上述代码示例中,mat-elevation
属性的值可以设置为1、2、3、4和5,对应不同的阴影效果。mat-elevation="2"
表示卡片将具有较浅的阴影效果。
你可以根据自己的需要自定义阴影颜色和阴影效果的深度。