Skip to content
登录后刷题更便捷

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

难度:

采用的是相邻边框连接处的均分原理。

将元素的宽高设为 0,只设置 border,把任意三条边隐藏掉(颜色设为 transparent),剩下的就是一个三角形。

css
#demo {
  width: ` 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border`-color: transparent transparent red transparent;
}

内容仅供参考,难免有不恰当的地方,如果有问题欢迎及时反馈
部分内容来自网络,如果不慎侵犯您的权益,请联系我们,以便及时删除侵权内容