Hairlines(Hairlines)

优质
小牛编辑
132浏览
2023-12-01

描述 (Description)

细线是一个使用边框类在图像周围添加1px边框的类。 随着1.x的发布,hairlines修改了使用:after:before伪元素而不是使用CSS边框。

Hairlines包含以下规则 -

  • :after - 此伪元素用于bottomright线。

  • :before - 此伪元素用于topleft细线。

以下代码段显示了使用:after元素。

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

以下代码段删除了底部的细线工具栏 -

.navbar:after {
   display:none;
}
.toolbar:before {
   display:none;
}

"no-border" class

将使用no-border类删除细线,并在Navbar, toolbar, card及其元素上支持。

以下代码用于从导航栏中删除细线 -

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