2-10作业

正在回答

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

4回答

三角可以使用边框来实现,然后通过定位,设置位置,三角形思路:

   width: 0;
   height: 0;
   border-top: 15px solid rgba(0, 0, 0, 0);
   border-left: 25px solid #07CBC9;
   border-bottom: 15px solid rgba(0, 0, 0, 0);

动手实践,加油。

  • 慕标1176061 提问者 #1
    .about .rab{ width: 0px; height: 0px; border-left: 50px solid black; } <div class="rab">wode </div> 为什么不管用呀
    2017-12-01 18:51:27
  • 小于飞飞 回复 提问者 慕标1176061 #2
    还需要border-top\border-bottom的值。
    2017-12-01 18:58:32
  • 慕标1176061 提问者 #3
    .about .rab{ width: 0; height: 0; border-top: 15px solid black; border-left: 25px solid black; border-bottom: 15px solid black; }
    2017-12-01 21:11:39
提问者 慕标1176061 2017-12-01 21:13:14
提问者 慕标1176061 2017-12-01 21:12:19

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

.about .rab{

width: 0;

    height: 0;

    border-top: 15px solid black;

    border-left: 25px solid black;

    border-bottom: 15px solid black;

 }

出现的不是三角形呀

提问者 慕标1176061 2017-12-01 18:52:16
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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