Tailwind CSS 圆角类选择器

Tailwind CSS 提供了一系列圆角类选择器,可以用来设置元素的圆角样式。以下是一些常用的圆角类选择器示例:

  1. 圆角类选择器:

    • rounded-none:无圆角
    • rounded-sm:小圆角
    • rounded:默认圆角
    • rounded-md:中等圆角
    • rounded-lg:大圆角
    • rounded-xl:超大圆角
    • rounded-full:完全圆角
  2. 指定方向的圆角类选择器:

    • rounded-t-none:顶部无圆角
    • rounded-b-sm:底部小圆角
    • rounded-l:左侧默认圆角
    • rounded-r-md:右侧中等圆角
    • rounded-tl-lg:左上角大圆角
    • rounded-tr-xl:右上角超大圆角
    • rounded-bl-full:左下角完全圆角
    • rounded-br-sm:右下角小圆角
  3. 圆角方向类选择器:

    • rounded-t:顶部圆角
    • rounded-b:底部圆角
    • rounded-l:左侧圆角
    • rounded-r:右侧圆角
  4. 圆角大小类选择器:

    • 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 圆角

可以根据需要选择相应的类选择器来设置元素的圆角样式。