解决办法
我给出的解决办法也比较简单,思路就是用文字来代替图片。 但为了使得文字也能有醒目的效果,我用css的装饰一下。 以为例,来演示。
在css文件中增加:
.note0 { border-radius: 0.3em 0 0 0.3em; color: white; background-color: black; font-family: STKai, "MKai PRC", Kai, "楷体";}.note1 { border-radius: 0 0.3em 0.3em 0; color: white; background-color: gray; font-family: STKai, "MKai PRC", Kai, "楷体";}
并将html中对应的位置改成:
<span class="small kt red"><span class="note0">甲</span><span class="note1">侧</span>
最后的效果就是:

好像还好看了一些啊。
