border画三角形原理?为什么就设置一边的颜色整个三角型都是那一个边的颜色

border画三角形原理?为什么就设置一边的颜色整个三角型都是那一个边的颜色

.star{
   position: relative;
   width: 0;
   height: 0;
   border-top: 100px solid transparent;
   border-bottom: 70px solid yellow;
   border-left: 100px solid transparent;
    border-right: 100px solid transparent;
}

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

可以这么理解。

祝学习愉快~

  • 上官微风 提问者 #1
    非常感谢!
    2018-01-03 13:28:18
好帮手慕糖 2018-01-03 11:25:10

你好,因为另外几个边设置的都是透明呀,这个三角形就是有不是透明颜色的这个边形成的,可以改变其中一个颜色,参考下图,动手测试下。

http://img1.sycdn.imooc.com//climg/5a4c4cce00018f7118700738.jpg

祝学习愉快~

  • 提问者 上官微风 #1
    可以总结为 那就是只要宽高设置为0设置所有border 宽度 样式 颜色透明,想要那边的三角形就给那个border设置颜色。这就是画三角形。是这样吗?
    2018-01-03 11:37:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师