三角形用行内样式怎么去写

如果你想使用行内样式创建一个简单的三角形，你可以利用CSS的伪元素`:before`和`:after`，配合transform属性来实现。这里有一个示例，展示如何在HTML中用行内样式创建一个向上指的三角形：

<div style="width: 0; height: 0; border-left: 50px solid transparent;
           border-right: 50px solid transparent;
           border-bottom: 100px solid red;"> <!-- 使用红色作为三角形的颜色 -->
   <span class="triangle"></span> <!-- .triangle是用于定位的标签 -->
</div>

<style>
.triangle:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid red;
  position: relative;
  top: -100px; /* 调整三角形的位置 */
}
</style>

在这个例子中，`.triangle:before`是一个行内样式，它创建了一个三角形。将边框设置为左右透明，底部红色，形成了向上的三角形。通过调整`top`属性，可以改变三角形相对于其父元素的位置。