作业中div上的三角怎么实现的?

正在回答 回答被采纳积分+1

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

2回答
怎么都被占用了呢 2017-05-28 18:54:14

你好,透明度可以使用opacity设置的哦。祝学习愉快!

小丸子爱吃菜 2017-05-20 18:41:50

利用元素的边框属性来画的,给你个border画的图形,你想想看怎么画出三角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
          div{
          	width: 0;
    		height: 0;
    		border-top: 50px solid yellow;
    		border-right: 50px solid red;
    		border-bottom: 50px solid blue;
    		border-left: 50px solid green;
          }
        </style>
    </head>
    <body>
    <div></div>
</body>
</html>

祝学习愉快!

  • 提问者 啊啊啊额啊fsafg #1
    我试了 把其中三个border的颜色改成白色,在白色背景上就得到了一个三角形。可是怎么样才能画一个透明的呢?
    2017-05-28 02:22:36
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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