Bootstrap 5边框颜色
Bootstrap 5边框工具是用来设置边框元素的样式。边框样式可以是border-color、border-width、border-radius等。
边框颜色用来设置边框元素的颜色,使用建立在我们主题颜色上的实用程序。
边框颜色使用类:
- border-primary: 该类用于设置边框的主色调。
- border-secary: 该类用于设置边框的辅助颜色。
- border-success。这个类是用来设置边框的成功颜色的。
- border-danger。该类用于设置边框的危险颜色。
- border-warning。该类用于设置边框的警告颜色。
- border-info。该类用于设置边框的信息颜色。
- border-light。这个类是用来设置边框的浅色。
- border-dark:该类用于设置边框的深色。
- border-white。该类用于设置边框的白色。
语法:
例子1:在这个例子中,我们将在span元素上添加不同颜色的边框。
输出:
例子2:在这个例子中,我们将为span元素添加不同颜色的边框,边框宽度不同。
输出: