Framework7 - 分割線

描述

分割線是一個新增1px邊框到影像周圍的類，它使用border類實現。在1.x版本中，分割線修改了使用:after和:before偽元素代替CSS邊框。

分割線包含以下規則：

• :after − 此偽元素用於底部和右側分割線。

• :before − 此偽元素用於頂部和左側分割線。

以下程式碼片段展示了:after元素的用法。

.navbar:after {
   background-color: red;
}

以下程式碼片段移除底部分割線工具欄：

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

"no-border" 類

使用no-border類可以移除分割線，它支援導航欄、工具欄、卡片及其元素。

以下程式碼用於從導航欄移除分割線：

<div class = "navbar no-border">
   ...
</div>