CSS代码绘制复杂的彩色标题字

1、案例分析：我们要绘制四个交错的三角形，并把一个文本内容放在标记的中间。

3、整个块元素的样式声明：<section style="width:100%;margin:1em auto;text-align: center;" id="标题字" ><section style="margin: 0 auto;">

5、第二个红色的三角形代码：<section class="xhr" style="width: 0px; height: 0px稆糨孝汶; border-left-width: 10px; border-left-style: solid; border-color: rgb(255, 57, 31) transparent; border-right-width: 5px; border-right-style: solid; border-top-width: 10px; border-top-style: solid; display: inline-block; margin-left: -3px;"></section>