： 这时, 其实我们已经看到有上下左右四个三角形了....如果, 我们把4种颜色, 只保留一种颜色, 余下3种 ...

(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...

(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...

前言：网上最普遍的实现三角形的方法，就是通过控制border来实现，那为什么可以呢？ 原理 我们先来看看border的表现形式。 观察上图可以发现，border表现为梯形。当减小box的宽高时，会发生如下变化： 从上图很容易看出，当box宽度降低到很小，也就 ...

用border画三角形，实际上属于一种奇淫巧技。 利用的是border的一个特性：当一个元素的宽高都为0时，给border设置宽度（至少给2个相邻的边框设置宽度），border就会撑开这个元素。 四个边框同时设置宽度时，四个边最后在元素的中心汇成一个点。 因此当我们给一个有宽高的元素 ...

用CSS的border可以画出高质量的三角形。 我们一般会这么使用border: #test-border { width: 100px; height: 100px; margin: 100px auto; background: #fff ...

转自：https://www.cnblogs.com/youhong/p/6530575.html 前言：网上最普遍的实现三角形的方法，就是通过控制border来实现，那为什么可以呢？ 原理 我们先来看看border的表现形式。 观察上图 ...

(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加 ...