Tailwind CSS 提供了一系列圆角类选择器,可以用来设置元素的圆角样式。以下是一些常用的圆角类选择器示例:
-
圆角类选择器:
rounded-none
:无圆角rounded-sm
:小圆角rounded
:默认圆角rounded-md
:中等圆角rounded-lg
:大圆角rounded-xl
:超大圆角rounded-full
:完全圆角
-
指定方向的圆角类选择器:
rounded-t-none
:顶部无圆角rounded-b-sm
:底部小圆角rounded-l
:左侧默认圆角rounded-r-md
:右侧中等圆角rounded-tl-lg
:左上角大圆角rounded-tr-xl
:右上角超大圆角rounded-bl-full
:左下角完全圆角rounded-br-sm
:右下角小圆角
-
圆角方向类选择器:
rounded-t
:顶部圆角rounded-b
:底部圆角rounded-l
:左侧圆角rounded-r
:右侧圆角
-
圆角大小类选择器:
rounded-0
:无圆角rounded-1
:1px 圆角rounded-2
:2px 圆角rounded-3
:3px 圆角rounded-4
:4px 圆角rounded-5
:5px 圆角rounded-6
:6px 圆角rounded-7
:7px 圆角rounded-8
:8px 圆角rounded-9
:9px 圆角rounded-10
:10px 圆角
可以根据需要选择相应的类选择器来设置元素的圆角样式。