css画一个等腰三角形，三角形正中间有文字

要使用CSS画出一个等腰三角形并在其中放置文字，你可以利用伪元素`:before`和`:after`以及定位属性。首先创建一个容器，并设置宽度为0，高度为某个值，然后给伪元素添加边框样式，使其形成三角形。接下来将文本放在三角形内部：

HTML部分:

<div class="triangle-container">
  <span class="triangle-text">这是中间的文字</span>
</div>

CSS部分:

.triangle-container {
  position: relative;
  width: 0;
  height: 150px; /* 根据需要调整高度 */
}

.triangle-container:before,
.triangle-container:after {
  content: "";
  position: absolute;
  border-width: 75px; /* 这里应该是高度的一半 */
  border-style: solid;
}

.triangle-container:before {
  left: calc(50% - 75px); /* 左侧边界的计算 */
  top: -150px; /* 下方边界的计算，等于高度 */
  border-color: transparent transparent #000 transparent; /* 底部边框颜色为黑色，两侧透明 */
}

.triangle-container:after {
  right: calc(50% - 75px);
  top: -150px;
  border-color: transparent #000 transparent; /* 右侧边框颜色为黑色，左侧透明 */
}

.triangle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在这个例子中，`.triangle-container`的宽高可以根据实际需求调整，`.triangle-text`则通过绝对定位居中显示在三角形内。