边框样式 - 智学轩城

边框样式

我记得那个夏天我在电脑前摆弄 Markdown,试图给文本添加边框。当时我翻遍了文档,并没有找到合适的代码。最后无意中看到一篇老文章说可以通过在HTML的

标签中添加属性term来实现。注意,嘿,真的发生了这样的事!

等等,那是另一回事,我突然想到。上次有朋友说,他在写论文的时候,用了Markdown表格,看看表格的功能。然后我还在想,为什么Markdown还有表格呢?后来我才知道Markdown是一个非常强大的文档。它不仅可以计算字体的宽度,还可以计算列的宽度。

那么你认为 Markdown 中的边框和框架有什么主要用途吗?

边框样式其实很简单。 在Markdown中,添加边框通常有两种方式:一是使用HTML标签,二是使用Markdown的一些特殊字符。
我们先来说说最重要的事情。 如果您使用的是支持 HTML 的 Markdown 编辑器,则可以直接使用

标签并添加 CSS 样式。 例如:

这里是内容,可以看到边框效果。

还有一点,如果你处于不支持 HTML 的纯 Markdown 环境中,比如 GitHub Issues 或 Stack Overflow,你可以使用一些特殊字符来创建简单的边框。 例如:
降价 --- #边框示例 ---
这是使用 Markdown 创建的简单边框:
+------------------------+ | 这里是内容,可以看到边框效果。 | +------------------------+
一开始我觉得这个方法很复杂,后来发现其实很简单。 只要遵循这个格式,你就可以在 Markdown 中创建一个简单的边框。
等等,还有一件事,如果你想要更复杂的边框样式,例如圆角或阴影,你可能需要回到 HTML 和 CSS 的世界来实现它。
最后,一个很容易陷入的陷阱是不要过度使用边框,否则页面可能会显得混乱。 适度使用并保持简单。

说到边框样式,这个东西在 Markdown 中相当酷。我在问答论坛上呆了很多年,看到很多人问这个问题。
说实话,Markdown中的边框样式主要是靠几个符号来实现的。例如,如果要在文本周围添加边框,可以使用以下方法:

# 这是标题

以下为正文内容 ---
这将在标题和文本之间创建一条水平线,看起来像边框。
此外,如果您想在文本周围添加边框,可以尝试以下操作:

这是标题

这是正文的内容 ---
这样,文本内容将被两条水平线包围,就像一个小盒子一样。
当时我不明白Markdown为什么要这样设计。也许是因为它简单易用。如果您知道如何使用一些符号,您可以创建一个漂亮的边框。
当然,你也可以自定义边框样式,比如宽度、颜色等。但这需要高级语法,对于初学者来说可能有点复杂。反正基本的边缘样式就是这样,用起来还是蛮方便的。