原文：css+div打造三角形(箭头)
在很多网站都见过这样的箭头，之前我一直以为是图片，直到今天才知道原来可以用css做。开始看代码没太看懂，后来自己试了几遍才恍然大悟。贴出来分享下。 大神请直接忽略 先看代码： HTML部分就是一个单纯的div。 咋一看我确实没明白原因。 看懂的后面可以忽略 一步步分析： 画div 这一步看不懂的麻烦回去复习css 给边框，分开给 相信聪明的童靴马上就看明白了，我也是在这才明白 去掉中间的div 是 ...
2016-09-16 23:20 2 3230 推荐指数：
相关推荐
参考：http://www.webhek.com/css-triangles/ 使用上下左右的三角形箭头标志，直接用css即可完成，直接附上代码。 css: html： 效果图 ...
转载自知乎泷阱 三角形和箭头这两个图标在网页中经常会用到，例如：下拉选择框、排序、返回到上一页、导航条，分页都会用到三角形或者箭头，当然是用图片的方式的确可以实现这一样式，但是是用图片如果调整颜色那就比较困难了，除非再做一张图片，这样的做不仅浪费开发成本并且会降低网页性能。我们可以采用 CSS ...
在前端日常工作中，会有一些需要用纯css实现的小标志，如小箭头或三角形，下面简单地实现一下 制作小箭头 制作三角形 让多个元素在一行显示 (1)display:inline把元素转化为行内元素，但是宽高属性不起作用 ...
壹 ❀ 引 这两天因为项目工作较少，闲下来去看了GitHub上关于面试题日更收录的文章，毕竟明年有新的打算。在CSS收录中有一题是 用css创建一个三角形，并简述原理 。当然对于我来说画一个三角形是没难度的，简述原理？我突然一愣，虽然我知道通过边框可以做到，那为什么这么设置边框可以实现呢，抱着 ...
看到这个导航的时候就在想这种三角是否可以通过css和html实现，于是就在网上找了找资料。整理如下：1.思路很简单。看下面的图片(每条边是不是像三角形的底边） html: Css: 2. 当div元素的宽度和高度是0的时候是什么样呢（其他属性不变 ...