.aa{ width:200pxheight:44pxborder:0background-image:url(img1.png)}
.aa:active{ background-image:url(img2.png)}
</style>
<input type="button" class="aa" value=""/>
IE6需要另外插一张类库
http://andour.me/2017/04/08/Typora-修改中文字体.html
可以参考一下，这里面是改的微软雅黑，步骤很清楚
你要改思源黑体的话，首先要记得自己的电脑有这个字体，具体看你的系统（可以搜索字体设置查看）
打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。
至于居中问题
text-align: center
加上这一句就好了，记得在写了从h1一直到h6的里面写（当然你在每个h里面写也可以，更保险）
如图：
