这些样式是为我最好的朋友做的，不过你也可以用。这些样式适用于<details><summary> ` 元素。
另请参阅：想法#2
示例 HTML：
<details> <summary>标题</summary> 点击摘要后显示的详细描述 </ details >
标题：点击摘要后显示的扩展描述 概率数学
过去两个月我花了不少时间研究概率数学。事情是这样的，有一款叫做“狗巫师”（Dog Witch）的愚蠢的随机数生成器骰子游戏（挺好玩的，但也挺蠢的），还有另一款愚蠢的骰子游戏叫做“百万骰子”（Dice-A-Million）（也很蠢，但也挺好玩），然后……我研究了一些关于“狗巫师”的概率数学，试图计算出最佳选择（因为我看了Olexa和他提出的一些相关问题）。最近一次是在“百万骰子”里，问题是：是选择5个可以掷出10、2或3的骰子更好……还是选择1个可以掷出10、2、3或4的四面骰子更好？
各位……概率数学真的很难。它远没有你想象的那么直观。总之，这只是个例子的引子，咱们继续吧。我之前确实写过一篇关于概率数学的文章草稿，但一直没写完，因为我总是被公式的推导搞得晕头转向。我知道这些公式已经存在了，但我不在乎。数学的乐趣在于发现，而不是查找公式。
Lorem Ipsum Lorem Ipsum Dolor 等等 我不记得剩下的了
风格：
< style > 细节 > 概括 { 字体大小： 1.4 em ； 字体粗细： 大胆的; 展示： 排队; 对齐自身： 中心; 最小宽度： 50 % ； 文本对齐： 中心; 光标： 指针； } 详情[打开] 概括 { 底部边框： 2像素 坚硬的 黑色的; 下边距： 8像素； } 细节 { 列表样式类型： 没有任何; 内边距： 8像素； 展示： 弹性； 弯曲方向： 柱子; 下边距： 16像素； 边界： 1像素 坚硬的 黑色的; } </style>
原文： https://reedybear.bearblog.dev/some-styles-for-expandablecollapsable-content/