CSS3边框border知识点

今天学习了一下，css中的border知识点，以前用的时候也没怎么去深究，现在仔细看看研究，还是有收获的。

border：边框，很多时候我们都是这么用的:border:solid 1px  #888;其实绝大多数都是这么用的。如果要写复杂点的好看点的。那么对于边框而言，就是border-width这个属性，边框宽度，那么就是上，右，下，左的顺序了。

border：10px  5px  15px  0

理解这段很容易，就是上边框10px下边框15px左边框0右边框5px，也就是：图片画的不咋地，不要见怪哦。

直观的理解。

理解了border就可以理解下颜色了：border-color这个属性了

borde-color:#ddd;表示四个方向一样的颜色。

明白了这两点其实我们就可以开始制作三角形了。

下午花了一个半的小时去研究了下，border这个属性，一开始以为明白了就迷迷糊糊去写博客写到一半，发现理解不对呀。就重新看了border这个属性。

现在的我对于border这个属性，已经有了清晰的理解了，走了一些弯路，大概这就是一知半解的原因，自己去研究看看就很明白了，其实就是很粗浅的道理，自己想复杂了，钻了牛角，可伶的我。

很简单：

border-top: 100px solid red;
border-right: 100px solid green;

border-top: 100px solid red;
border-right: 100px solid green;

这四个东西去任意组合，组合好了取给出的宽高，有时候组合的是一条直线那么就不出来了，基本上组合的是一个正方形或者长方形有宽高就会出来了。这时候通过透明度颜色去改自己想要的就ok了，不要想太多。当然有一点还是需要理解的，左边重叠取左边颜色，上边重叠取上边颜色，下边重叠取下边颜色，右边重叠取右边颜色。