纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大 ...
原文：纯CSS写三角形-border法
有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大一些，颜色设置成边框所需的颜色 内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。 这里就涉及到一个绝对定位的问 ...
2014-07-04 09:06 12 242650 推荐指数：
相关推荐
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。 最容易想到的，是叠加层。思路是将两个三角形叠加 ...
用CSS的border画三角形
用border画三角形，实际上属于一种奇淫巧技。 利用的是border的一个特性：当一个元素的宽高都为0时，给border设置宽度（至少给2个相邻的边框设置宽度），border就会撑开这个元素。 四个边框同时设置宽度时，四个边最后在元素的中心汇成一个点。 因此当我们给一个有宽高的元素 ...
CSS之border绘制三角形
用CSS的border可以画出高质量的三角形。 我们一般会这么使用border: #test-border { width: 100px; height: 100px; margin: 100px auto; background: #fff ...
纯css如何绘制三角形_利用border实现画三角形的原理方法
使用css画三角形，首先想到的思路是：利用border边框样式来实现，这是由于border的边框是由四个三角形组成的。 首先生成一个带边框宽高为0的div： <style> .dom{ width: 0px; height: 0px; border ...
css伪元素写三角形
先说伪元素和伪类的区别： 伪类是针对CSS，而伪元素是针对HTML，伪类选择器是CSS选择器的一种，而伪类是“假”的HTML标签 伪类（选择器）本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息； 伪元素本质上是创建了一个有内容的虚拟容器； 在CSS3中，伪类和伪元素的语法得到 ...
重新整理：纯CSS写三角形
整理一下几年前写的知识点，关于如何用纯CSS写三角形。 方法1：利用CSS3旋转正方形 知识点： 兼容性：FF/Chrome/IE9+ html: CSS： 也可以把伪元素变成空标签，如： html: CSS ...
ReactNative写三角形
reactNative 业务中气泡常用三角写法： 导航常用三角写法： ...