使用伪元素after画三角形
目录 画×图标 空心三角箭头 其他精选博客 画×图标 代码 效果 原理就是用span元素和after伪元素画两条直线，利用css3的transform属性分别进行旋转达到交叉的效果。 空心三角箭头 代码 效果 原理 ...
原文：css伪元素写三角形
先说伪元素和伪类的区别： 伪类是针对CSS，而伪元素是针对HTML，伪类选择器是CSS选择器的一种，而伪类是 假 的HTML标签 伪类 选择器 本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息 伪元素本质上是创建了一个有内容的虚拟容器 在CSS 中，伪类和伪元素的语法得到了进一步的调整 一个冒号和两个冒号 在开发当中，可以同时使用多个伪类，而只能同时使用一个伪元素 父元素 demo ma ...
2019-08-24 15:34 0 930 推荐指数：
相关推荐
CSS画三角形以及before,after伪元素的应用。
利用css的border属性，即可实现三角形的绘制。 1,代码及效果如下 2，利用before,after伪元素以及三角形绘制实现下列图形 ...
css伪元素before/after和画三角形的搭配应用
想要实现的效果如下: 第一步：如何用css画出三角形？ 如下显示 要显示一个三角形，那么去掉其他三个三角形即可。 如果删掉其他三条边，那剩下的一条边也不会显示，最好是让其他三条边显示透明。 如下显示 第二步：如何让三角形紧贴在元素上？ 可以定 ...
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...
重新整理：纯CSS写三角形
整理一下几年前写的知识点，关于如何用纯CSS写三角形。 方法1：利用CSS3旋转正方形 知识点： 兼容性：FF/Chrome/IE9+ html: CSS： 也可以把伪元素变成空标签，如： html: CSS ...
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加 ...
ReactNative写三角形
reactNative 业务中气泡常用三角写法： 导航常用三角写法： ...