<hr style="text-align:left">或 <hr align="left">
<hr>的颜色设置
<hr style="border:0background-color:#ff0000height:1px">
如果不加border:0的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px的话，在chrome会显示不出来。
http://andour.me/2017/04/08/Typora-修改中文字体.html
可以参考一下，这里面是改的微软雅黑，步骤很清楚
你要改思源黑体的话，首先要记得自己的电脑有这个字体，具体看你的系统（可以搜索字体设置查看）
打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。
至于居中问题
text-align: center
加上这一句就好了，记得在写了从h1一直到h6的里面写（当然你在每个h里面写也可以，更保险）
如图：
这种效果一般是用来做分割线，分为以下两种情况
这种效果实现起来并不难，可以用很多方法实现：
方法1：图片，简单，美观
方法2：hr+p标签，两种情况p标签都要添加position：relative，p标签的z-index属性的值要高于hr标签，然后调整left和top的值，让文字压住横线，第一种情形p标签设置背景色白色，第二种背景透明即可
（图片文字已处理。。。）
