I have angular-material classic card like with the next template
<mat-card class="example-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
</mat-card-header>
<mat-card-content>
<p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.</p>
</mat-card-content>
</mat-card>
and trying to fill in silver header like
You can use mat-card-header
and mat-card-content
,
<mat-card class="example-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
</mat-card-header>
<mat-card-content>
<p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.</p>
</mat-card-content>
</mat-card>
and set these css
mat-card-header{
background: #12121212;
padding: 5px;
color:white;
}
mat-card-content{
padding: 10px;
}
mat-card{
padding:0;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.