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

啊啊啊额啊fsafg 2017-05-20

源自：项目：网页布局案例 2-9 页面的底部

63

收起

2回答

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!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

相似问题

作业About区三角的问题

作业中的三角形怎么做

顶部右侧下拉菜单的默认小三角样式怎么用图片代替啊

老师，这个应该怎么实现，我没有思路。

通过三角形拼成五角星，具体尺寸是怎么计算的

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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