小三角形

作者: 那年点夏 | 来源:发表于2017-12-23 21:27 被阅读0次

儿童原创绘本《王者-人中三角形》——南京、王俊臣、9岁
smpl 模型是什么？
少儿模特课程教学大纲
【财姐赛美带你7天搞定财富规划】02 用人生画轴找出年度理财目标
我最喜欢的玩具
[慢 · 奥数] 数数
画画
日常生活
css使用技巧汇总--持续更新中
css技巧汇总--持续更新

效果图如图所示：

image.png

关键代码如下：

css:
      <style>
        .triangle{
            width: 0;
            height: 0;
            border:20px solid #abc;
            border-left-color: transparent; 
            border-top-color: transparent; 
            border-right-color: transparent; 
        }
    </style>

html:
<body>
    <div class="triangle"></div>
</body>

思路：
1、先设置一个盒子div
2、不给这个盒子的宽和高的值，即设置其宽为0，高为0
3、给盒子设置边框
4、如果是如图所示的三角形，则让盒子的左、上、右边框设置为透明即可

儿童原创绘本《王者-人中三角形》——南京、王俊臣、9岁
小三角形十分爱读书，一手捧了八本书（构思和切入点很特别是一个“三角形”的“图形世界”）小三角形来到公园，不管...
smpl 模型是什么？
动画制作相关术语 Vertex(顶点)：动画模型可以看成多个小三角形（四边形）组成，每个小三角形就可以看成一个顶点...
少儿模特课程教学大纲
初级中级 12、小三角形定位（双点式） 13、拧麻花练习 14、9点定位高级
【财姐赛美带你7天搞定财富规划】02 用人生画轴找出年度理财目标
✅收获了哪些新知理财是个大的三角形，包括2个小三角形，小理财是买产品，大理财是理人生。财富管理的两大核...
我最喜欢的玩具
你们猜猜我最喜欢的玩具是什么？我悄悄的告诉你们，我最喜欢的玩具是磁力片。它有正方形、小三角形、大三角形、梯...
[慢 · 奥数] 数数
核心思维：由简到繁，分类统计例题首先，你得知道可以由小三角形合并成为大三角形。一个不太恰当的例子，如果一个大...
画画
今天我们画小猫。他的头用黑色画椭圆型。他的身体也是黑色的是三角形。耳朵是两个小三角形。再画上他身体上的毛...
日常生活
今天换新款了，看来是真的不好做，我在的是拼上接，一件衣服的前片，有上下接，有小三角形，大三角形，拼接起来的，...
css使用技巧汇总--持续更新中
灰度蒙层 clip-path chrome隐藏滚动条使用clip-path画聊天窗口小三角形 div 横向滚动
css技巧汇总--持续更新
灰度蒙层 clip-path chrome隐藏滚动条使用clip-path画聊天窗口小三角形 div 横向滚动 ...