Markdown 点我查看更多 卡片实现

以下是使用Markdown实现卡片效果的代码示例

默认关闭

<details>
<summary>点击展开卡片</summary>
  
这里是卡片的内容，可以在这里写入任何文本和格式。

</details>

你可以将以上代码复制粘贴到Markdown编辑器中，然后在<summary>标签内编写卡片的标题。

当你在预览或发布Markdown文档时，卡片会以默认闭合的状态显示，点击卡片标题即可展开或关闭卡片内容。

默认关闭效果

默认开启

如果你希望卡片默认展开，你可以在<details>标签中添加open属性来实现。

以下是默认展开的卡片代码示例：

<details open>
<summary>展开卡片</summary>
<br>

这里是卡片的内容，可以在这里写入任何文本和格式。

</details>

将以上代码复制粘贴到Markdown编辑器中，并在<summary>标签内编写卡片的标题，在<br>标签之后编写卡片的内容。

默认展开效果

支持的浏览器列表可以查看：caniuse.com