用CSS代码在网页上绘制漂亮的三角标记

1、案例分析：我们要做三个三角形标志，一个是大的带字的，两个是小的，不同颜色的三角形。

3、大的三角形代码如下：<section st鲻戟缒男yle="width:100%;margin:1em auto;text-align: c髫潋啜缅enter;" id="三角形标记" > <section class="xhr" style="width: 0px; height: 0px; border-left-width: 25px; border-left-style: solid; border-left-color: transparent; border-right-width: 25px; border-right-style: solid; border-right-color: transparent; border-bottom-width: 40px; border-bottom-style: solid; border-bottom-color: rgb(255, 100, 31); margin: 0px auto;"></section> <section>

5、一个橙色的小角形代码如下：</section><section class="xhr" style="width: 0px; height: 0px; border-left-width: 15px; border-left-style: solid; border-left-color: transparent; border-right-width: 15px; border-right-style: solid; border-right-color: transparent; border-bottom-width: 20px; border-bottom-style: solid; border-bottom-color: rgb(255, 100, 31); margin: 0px auto;"></section>