定制解决方案环境

Question

我正在尝试在Quarto中自动插入解决方案环境的水平线；例如：

---
title: "Untitled"
---

:::{#exr-oneplusone}
What is 1+1?

::::{.solution}
$$1+1 = 2$$

******

::::



:::

我正在尝试插入

******

在每个 .solution 环境的结尾，或者可能是练习环境。

根据 https://bookdown.org/yihui/bookdown/markdown-extensions-by-bookdown.html#theorems，似乎有一种可以使用 CSS 自定义 solution 环境的方法。只是我不确定 CSS 文件的语法是什么。感谢任何指导！

- Doug Ezra Morrison

Answer 1

这是一种方法：CSS的margin属性用于在下方创建空间，边框则反映了水平线。

---
title: "Untitled"
---

<style>
.solution{
    margin: 3px 0px; 
    border-bottom: 0.9px solid black;
}
</style>

:::{#exr-oneplusone}
What is 1+1?

::::{.solution}
$$1+1 = 2$$

::::
:::

- Julian