card

卡片

内容容器:标题区、正文与底栏操作,覆盖行动号召、表单、封面与空态等常见布局。

组件类型:default / hoverable / shadow / bordered / actions / footer / extra / tabs / cta / dark / form / cover

默认卡片card-default
需要权限 提示词

默认卡片

实线描边、无投影的平面内容容器;适合信息分组、概览区与常规内容展示。

可悬浮卡片card-hoverable
需要权限 提示词

可悬浮卡片

悬停时抬升阴影,暗示可点击进入详情;适合入口卡、快捷操作与推荐位。

阴影卡片card-shadow
需要权限 提示词

阴影卡片

无描边、软投影的抬升内容容器;适合需要层级感的主内容区与推荐位。

无边框卡片card-bordered
需要权限 提示词

无边框卡片

浅底无描边,叠在分区背景上更协调;适合色块内嵌与柔和分区。

底栏文本操作card-actions
需要权限 提示词

正文说明配合底栏文本操作;适合详情、编辑等轻量次要操作入口。

底栏操作卡片card-footer
需要权限 提示词

发布后将对所有成员可见,请确认文案与素材无误。

页眉操作卡片card-extra
需要权限 提示词

按步骤完成每周福利认证,可随时回来查看进度。

选项卡卡片card-tabs
需要权限 提示词

查看项目指标、近期动态与关键绩效,随时掌握进度。

按日 / 周汇总访问与转化,支持导出报表。

调整通知、可见性与协作成员权限。

行动号召卡片card-cta
需要权限 提示词
开始免费试用
主色锚点卡片card-dark
需要权限 提示词

推荐方案

¥199/月

会员头图式蓝渐变锚点卡,角上半透明装饰圆。

立即开通
表单卡片card-form
需要权限 提示词
登录账户

输入邮箱与密码以登录你的账户。

登录 使用 Google 继续

还没有账户?注册

封面卡片card-cover
需要权限 提示词

如何做出惊艳的渐变背景

用简单 CSS 混合色彩与动态纹理,提升落地页氛围与品牌识别。

1.2k 345
阅读更多