bootstrap border边界

本文概述

边框实用程序用于快速更改元素的边框样式和边框半径。它主要用于图像,按钮或任何其他元素。

你可以对元素使用边框类,以删除所有边框或某些边框。

句法:

无国界:

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

没有回合:

<img src="..." alt="..." class="rounded-0">
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?