之前说自己要每周至少出一篇文章，这个没有做到，打脸了。以后我注意点，有好东西就记录下来，分享给大家。
今天写代码发现一个有趣的现象，是前端的，看到一个小图标，却看不到图片，而是由纯css写的，关键是不知道为什么会造成三角形模样，就5行代码，如下图：
看了半天没发现怎么实现的，后来我把border-top和border-bottom都设置上了颜色，就变成这样：
看到了三种颜色，border的left、top和bottom都各自带一种颜色，有一点点感觉，可还不知道为什么三种border会成这样的形式。我给p元素加上宽高之后我才恍然大悟：
由此我认识到：border还是我以前所认识的border，只是没有写右边框而已，注意到如果没写右边框的话边界是直线，如果相邻的两个border接触的话，两者的边界是斜线分割
再次验证一下，只写border-left和border-top，border-left的下面是横线，两者交接是斜线，border-top是垂直线：
转播
