动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录

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

代码小兵279

2021.06.22

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

    CSS

举报

添加回答

回答(1)

代码小兵279

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


  将元素的宽高设为0,只设置
  border
  ,把任意三条边隐藏掉(颜色设为
  transparent),剩下的就是一个三角形。
  #demo {
  width: 0;
  height: 0;
  border-width: 20px;
  border-style: solid;
  border-color: transparenttransparentredtransparent;
}



 

时间:06-22 15:19 查看回复 (0) 回复 0 0 举报

回复