border-top-left-radius:50px 100px; 左上圆角水平半径为50px、垂直半径为100px。 border-top-left-radius 圆角border-radius属性的4个方位顺序依次是左上top-left、右上top-right、右下bottom-right、左下bottom-left border-radius:30px;border-radius:30px 30px 30px 30px; Tailwind中使用.rounded-前缀的工...
rounded 即 border-radius: 0.25rem; /_ 0.25 _ 16 = 4px/ rounded-md 即 border-radius: 0.375rem; /6px/ rounded-lg 即 border-radius: 0.5rem; /8px */ rounded-full 即 border-start-start-radius: 9999px; border-end-start-radius: 9999px; 5. 字体 大小 对齐方式 斜体加粗 文本大小 text-sm...
pt(padding-top) pr(padding-right) pb(padding-bottom) pl(padding-left) 宽度(Width) w(width)。 高度(Height) h(height) 文本(Text) text(文字颜色) font(字体) text(大小) leading(行间距) tracking(字间距) 背景(Background) bg(背景颜色) 边框(Border) border(边框颜色) border(宽度) rounded(圆角...
right: 0; border-color: #68d391; } .toggle-checkbox:checked + .toggle-label { background: #68d391; } Title Irure dolor ut excepteur ea cupidatat dolor dolore consectetur sit voluptate qui et deserunt.
- rounded: border-radius - shadow:box-shadow 4. 弹性盒子布局 - flex: display: flex - justify: justify-content - items: align-items - self: align-self - order: order - flex-grow: flex-grow - flex-shrink: flex-shrink 5. 网格布局 ...
Your Profile Settings
<ToastContainertoastClassName={()=>classNames( 'relative flex p-2 min-h-10 border rounded-md justify-between overflow-hidden cursor-pointer', bgColor, color, borderBgColor, ) } position="top-right" autoClose={3000} icon={<Icon/>} closeButton={(...
Your Profile Settings
borderRadius The border-radius utilities like rounded-ss-lg borderSpacing The border-spacing utilities like border-spacing-x-28 borderStyle The border-style utilities like border-dotted borderWidth The border-width utilities like border-e-4 boxDecorationBreak The box-decoration-break utilities like deco...
<!-- Snipped --> 在这些部分中,如果使用显示/隐藏部分? Options