· 2 分钟阅读

Markdown中,如何自定义标题的色块及文字?

Markdown语法中,标题语言为h1、h2、h3、h4等,分别对应指的是: h1:一级标题 h2:二级标题 h3:三级标题 h4:四级标题 如果需要自定义某一级标题的颜色、形状,需要在对应的标题标签下进行设置。 例如以下样式: 上述样式拆解为4大核心部分: 标题左侧有墨黑色块; 标题底色为亮绿色块;...

Markdown语法中,标题语言为h1、h2、h3、h4等,分别对应指的是:

h1:一级标题

h2:二级标题

h3:三级标题

h4:四级标题

如果需要自定义某一级标题的颜色、形状,需要在对应的标题标签下进行设置。

例如以下样式:

上述样式拆解为4大核心部分:

标题左侧有墨黑色块;

标题底色为亮绿色块;

标题中间的文字距离左侧有一定空间;

标题中间的文字颜色为墨黑色;

我想把它设置为二级标题,那么在对应的h2标签下的代码需要进行调整,代码如下:

h2 {

  margin-top: -10px;

  margin-bottom: 30px;

  white-space: lage;

  outline: none;

  font-family: sans-serif;

  line-height: 20px;

  color: #232B2D;

  border-left-width: 30px;

  border-left-style: solid;

  border-left-color: #232B2D;

  background: #00F9A5;

}

你可以根据自己的需求调整里面的数值参数。

做是最好的学,多尝试去探索,你的收获会更大,加油!

    分享: