使用边框辅助类,能够快速设置元素的边框和边框圆角(border-radius)的样式。 适合图像、按钮、卡片或任何其他元素。
添加或减少边框:
边框颜色:
边框圆角:
用于控制元素边界半径。
圆角辅助类及圆角半径对照表:
圆角-Border Radius | 半径(圆角)px | rem |
---|---|---|
.rounded-none (0px) | 0 | 0 |
.rounded-sm (2px) | 2 | 0.02 |
.rounded (4px) | 4 | 0.04 |
.rounded-md (6px) | 6 | 0.12 |
.rounded-lg (8px) | 8 | 0.16 |
.rounded-xl (12px) | 12 | 0.24 |
.rounded-2xl (16px) | 16 | 0.32 |
.rounded-3xl (24px) | 24 | 0.48 |
.rounded-full (50%) | 50(64) | 1 |
下图:圆角示例