用css实现三角形，正三角、倒三角、左三角、右三角

正三角：

		  width: 0;
          height: 0;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent;
          border-bottom: 5px solid #333333;

倒三角：

		  width: 0;
          height: 0;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent;
          border-top: 5px solid #333333;

左三角：

		  width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #333333;

右三角：

		  width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #333333;

配合下面代码使用，可以修改三角形的位置

transform: translate(-1px, -2px);

（1）translateX(x)：元素仅在水平方向移动（X轴移动）；

（2）translateY(y)：元素仅在垂直方向移动（Y轴移动）；

（3）transklate(x,y)：元素在水平方向和垂直方向同时移动（X轴和Y轴同时移动）；