Bootstrap教程

Bootstrap Borders

Bootstrap Borders

边界实用程序用于快速更改元素的边框样式和边框半径。它主要用于图像,按钮或任何其他元素。
您可以对元素使用边框类别,以删除所有边框或某些边框。

语法:

无边框:
<span class="border-0"></span>
要删除顶部边框:
<span class="border-top-0"></span>
要删除右边界:
<span class="border-right-0"></span>
要删除底边框:
<span class="border-bottom-0"></span>
要删除左边界,请执行以下操作:
<span class="border-left-0"></span>

边界半径

您可以将边界的半径设置为不同的形状。对元素使用以下类可轻松舍入它的角落。

语法:

舍入完整边框:
<img src="..." alt="..." class="rounded"> 
舍入到顶部边界:
<img src="..." alt="..." class="rounded-top">
四舍五入为右边界:
<img src="..." alt="..." class="rounded-right">
圆底边框:
<img src="..." alt="..." class="rounded-bottom">
向左边框舍入:
<img src="..." alt="..." class="rounded-left">
圈出一圈:
<img src="..." alt="..." class="rounded-circle">
No round:
<img src="..." alt="..." class="rounded-0">

昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4