Border属性制作三角Tip

第一次写博客，今天刚做了一个菜单 ，发现border属性的妙用， 效果如图 

主要用到的几个属性 border-color border-width border-style，

border-color ：设置边框颜色 一共四个值  分别对应 上 右  下 左    

border-width: 设置边框的宽度  例如border-width: 5px 表示上 右  下 左的边框值都为5px， border-width: 5px 4px则表示上下边框值5px  左右边框值位4px，border-width:5px 4px 6px 表示上边框位5px  左右边框位4px  下边框为6px

border-color: transparent #2B7DBC transparent transparent;
border-width: 14px 10px;
border-style: solid;

通过设置颜色透明即可得出三角形状

转载于:https://www.cnblogs.com/zijiren/p/3290425.html