纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加 ...
原文：重新整理：纯CSS写三角形
整理一下几年前写的知识点，关于如何用纯CSS写三角形。 方法 ：利用CSS 旋转正方形 知识点： 兼容性：FF Chrome IE html: CSS： 也可以把伪元素变成空标签，如： html: CSS: 方法 ：利用border属性 知识点：border设置的边，会彼此叠加。 兼容性：FF Chrome IE html: CSS: 扩展： . 上 下 左 右三角形 html: CSS: . 西 ...
2016-06-16 16:47 0 3132 推荐指数：
相关推荐
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...
css伪元素写三角形
先说伪元素和伪类的区别： 伪类是针对CSS，而伪元素是针对HTML，伪类选择器是CSS选择器的一种，而伪类是“假”的HTML标签 伪类（选择器）本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息； 伪元素本质上是创建了一个有内容的虚拟容器； 在CSS3中，伪类和伪元素的语法得到 ...
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...
ReactNative写三角形
reactNative 业务中气泡常用三角写法： 导航常用三角写法： ...
还在为小三角形切图？使用纯CSS写一个简单的三角形
同学们，当美工给的设计图是这样： 或者这样： 我的内心其实是拒绝的-_-；但工作还得干，大部分同学会写 或者干脆利落 这样做是可以解决问 ...
用css画出三角形
看到有面试题里会有问到如何用css画出三角形 众所周知好多图形都可以拆分成三角形，所以说会了画三角形就可以画出很多有意思的形状 画出三角形的原理是调整border（边框）的四个方向的宽度，线条样式以及颜色。 如果你将宽度调的足够大，改变不同方向的颜色，你就可以发现盒模型的border ...
CSS实现三角形
一个三角形 结果如下图所示： 将下边框的长度设置为0，实现一个最小空间的三角形 ...