2022-09-19CSS00
请注意,本文编写于 615 天前,最后修改于 615 天前,其中某些信息可能已经过时。

用纯 CSS 创建一个三角形的原理是什么?

采用的是相邻边框连接处的均分原理。
将元素的宽高设为0,只设置border,把任意三条边隐藏掉(颜色设为transparent),剩下的就是一个三角形。
#demo {
  width: 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent red transparent;
}

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!