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>