Card 卡片
卡片用于显示易于阅读的显示内容。
| 类名 | 类型 | |
|---|---|---|
| card | 组件类 | Container element |
| card-title | 组件类 | Title of card |
| card-body | 组件类 | Container for content |
| card-actions | 组件类 | Container for buttons |
| card-bordered | 装饰类 | Adds border to <card> |
| image-full | 装饰类 | The image in <figure> element will be the background |
| card-normal | 响应类 | Applies default paddings |
| card-compact | 响应类 | Applies smaller padding |
| card-side | 响应类 | The image in <figure> will be on to the side |
# Card
Shoes!
If a dog chews shoes whose shoes does he choose?
# Compact card (less padding for `card-body`)
Shoes!
If a dog chews shoes whose shoes does he choose?
# Card with badge
Shoes!
NEW
If a dog chews shoes whose shoes does he choose?
Fashion
Products
# Card with bottom image
Shoes!
If a dog chews shoes whose shoes does he choose?
# Card with centered content and paddings
Shoes!
If a dog chews shoes whose shoes does he choose?
# Card with image overlay
Shoes!
If a dog chews shoes whose shoes does he choose?
# Card with no image
Card title!
If a dog chews shoes whose shoes does he choose?
# Card with custom color
Card title!
If a dog chews shoes whose shoes does he choose?
# Centered card with neutral color
Cookies!
We are using cookies for no reason.
# Card with action on top
We are using cookies for no reason.
# Card glass
Life hack
How to park your car at your garage?
# Card with image on side
New movie is released!
Click the button to watch on Jetflix app.
# Responsive card (vertical on small screen, horizontal on large screen)
New album is released!
Click the button to listen on Spotiwhy app.
你有什么问题么？ 向社区提问题
你发现了 bug 么？ 在 GitHub 提 issue
你喜欢 daisyUI？ 在 twitter、知乎、微博宣传 daisyui 吧！
支持daisyUI的开发:
Open Collective
