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 圆角
可以根据需要选择相应的类选择器来设置元素的圆角样式。