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

我想在第一张卡片前添加一个空白颜色#f1f1。 还想在离子卡上添加边界半径。 如下图所示。

在图像中，左侧和右侧的曲线是离子卡的曲线，上方是标头和卡之间的空间

通过在下面的代码中添加

部分

，代码添加了空格，但卡的边框半径没有显示好。 我怎样才能做到这一点

.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>

---

可能正在工作，但没有剪辑内容，试试这个

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

---

可能正在工作，但没有剪辑内容，试试这个

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

HTML代码：

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

它对我有用。

HTML代码：

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

---

它为我工作。卡{边界半径：5px；溢出：隐藏；}卡{边界半径：5px；}试试这个。卡{边界半径：5px；溢出：隐藏；}离子卡{边界半径：5px；}尝试这个底部半径正在工作，但顶部半径不适合MESORRY，我现在不能复制代码，也许空白空间在上面？尝试隔离卡底半径的工作，但顶部半径不工作的MESORY，我不能复制您的代码现在，也许空白空间在上面？试着把这张卡隔离开来