转自https://www.cnblogs.com/huangzhilong/p/5030659.html 以前用过css3画过下拉菜单里文字后面的“下拉三角符号”，类似于下面这张图片文字后面三角符号的效果 下面是一个很简单的向上的三角形代码 1 ...

<div id="div1"></div><div id="div2"></div><div id="div3"></div&g ...

使用css画三角形，首先想到的思路是：利用border边框样式来实现，这是由于border的边框是由四个三角形组成的。 首先生成一个带边框宽高为0的div： <style> .dom{ width: 0px; height: 0px; border-width ...

带边框的三角形 气泡三角形 ...

闲来无事，写写图形。当时巩固一下css3吧.。前端小白，写的不好还请前辈多指教。 三角形 圆形 梯形 平行四边形 菱形（实现方法有很多，这里只是两个三角形合并，也就是正三角和倒三角） 椭圆形 ...

...

实例一： 实现的效果如下图： 实例二： 实现的效果如下图： ...

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