边界半径在离子卡中不起作用

Question

我想在第一张卡片前添加一个颜色为#F1F1F1 的空格。 并且还想在离子卡上添加边框半径。 图像如下。

图中左右两边的曲线是离子卡，上面是头部和卡之间的空间。

通过在下面的代码中添加section 添加空间，但卡片边框半径没有很好地显示。 我怎样才能做到这一点？

.html

<ion-header>
<ion-toolbar>
Ionic Cards
</ion-toolbar>
</ion-header>

<ion-content>

<section class="blankspace"></section>

<ion-card class="card">
   //card content
</ion-card>
</ion-content>

.css

.blankspace {
border-bottom: 5px solid #F1f1f1;
}

.card {

border-radius: 5px;
}

Answer 1

HTML 代码：

<ion-card style="border-radius: 25px;">

它对我有用。

Answer 2

也许可以工作，但没有剪辑内容，试试这个

.card {
  border-radius: 5px;
  overflow: hidden;
}