为什么用border可以设置一个三角形,不明白~!~~!~

为什么用border可以设置一个三角形,不明白~!~~!~

正在回答

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

2回答
<div class="triangle"></div>
border:50px solid #000; border-color:#f00 #000 #f0f #00f;

http://img1.sycdn.imooc.com/climg//58c805b90001eac000820073.jpg

出现4个三角形合并成一个正方形。到这里就很清晰了,只要把想要的保留,其它的设置为透明就可以达到三角形的效果


  • 慕粉2107316106 提问者 #1
    非常感谢!
    2017-03-15 17:06:14
  • 为什么会出现四个三角形,块状元素还在吗?
    2017-04-24 19:10:01
  • 块状元素依然存在,出现四个三角形是四个边框进行重合叠加显示后的效果。
    2017-04-26 15:29:31
提问者 慕粉2107316106 2017-03-14 23:03:47

好的,谢谢~~!!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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