返回工具列表

📚

Tailwind Cheatsheet

Tailwind备忘单

Tailwind CSS常用类名速查表和备忘录

Tailwind Lookup - Tailwind CSS速查

快速查找Tailwind CSS类名和属性

flex

弹性布局

CSS: display: flex

grid

网格布局

CSS: display: grid

block

块级元素

CSS: display: block

inline

内联元素

CSS: display: inline

hidden

隐藏元素

CSS: display: none

p-4

内边距 1rem

CSS: padding: 1rem

m-4

外边距 1rem

CSS: margin: 1rem

px-4

水平内边距 1rem

CSS: padding-left: 1rem; padding-right: 1rem

py-4

垂直内边距 1rem

CSS: padding-top: 1rem; padding-bottom: 1rem

text-center

文字居中

CSS: text-align: center

text-lg

大号文字

CSS: font-size: 1.125rem

font-bold

粗体文字

CSS: font-weight: 700

text-gray-500

灰色文字

CSS: color: rgb(107 114 128)

bg-blue-500

蓝色背景

CSS: background-color: rgb(59 130 246)

bg-red-500

红色背景

CSS: background-color: rgb(239 68 68)

bg-white

白色背景

CSS: background-color: rgb(255 255 255)

shadow-lg

大阴影

CSS: box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1)

rounded-lg

圆角

CSS: border-radius: 0.5rem

opacity-50

50%透明度

CSS: opacity: 0.5