纯 CSS 创建一个三角形

【要求】:用纯CSS创建一个三角形的原理是什么?

♪ 答: 把上、左、右三条边隐藏掉(颜色设为 transparent)

【实现】:

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

posted on   Ruth92  阅读(725)  评论(0编辑  收藏  举报

导航

< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示