
1. 前言
关于 Markdown 的分割线,官方给出了一下定义:
我们可以通过输入三个或更多的「减号 -」、「星号 *」、「下划线 -」的方式创建一条相当于 HTML 语法中
<hr/>一样的分隔线。这三个符号之间可以包含空格,每种类型的分隔线,可以表现为如下形式: * * *,
***, *****, - - -, ---------。
分隔线是用一条明显的横线,来划分文章的上下两个部分,从而使排版变得美观,保持页面的平衡,引导读者的注意力。
环境说明:
考虑到 Markdown 工具之间的不兼容,有的内容直接从页面复制粘贴到本地不会正常显示,大家学习时自己动手写是肯定没问题的。本节所有实例代码及演示效果均使用 Typora 工具完成。
2. 语法详解
2.1 分隔线的声明
在 Markdown 文件中,连续的三个「星号 *」,或者连续的三个「减号 -」,或者连续的三个「下划线 _」会被渲染成分割线。
实例 1:
### 下面是三类分割线
使用「星号」作为分割线
***
使用「减号」作为分割线
---
使用「下划线」作为分割线
___
渲染效果如下:

2.2 分割线的样式
Markdown 的目标是整个文档的风格统一,但是既然依托于 html 语法,那我们就依然能通过修改 CSS 的方式定制分割线的样式。
实例 2:
修改分割线的粗细
### 分割线的尺寸
#### 3px 宽线条
___
#### 5px 宽线条
___
#### 10px 宽线条
___
<style>
hr:nth-of-type(1) {
border-width: 3px 0 0 0 !important;
}
hr:nth-of-type(2)

本文详细介绍了Markdown中创建分割线的语法,包括星号、减号和下划线的使用,以及如何通过CSS定制分割线样式。还讨论了分割线在文章中的应用场景,如区分标题与正文、分隔不同内容,提供了多个实用示例。
最低0.47元/天 解锁文章

499

被折叠的 条评论
为什么被折叠?



