用div制作箭头

			/* css代码 */
			.time_axis>div{
				height: 30px;
				background: #007acc;
				float: left;
				position: relative;
				color: white;
				line-height: 30px;
				padding: 5px 5px 5px 25px;
				margin-right: 10px;
			}
			.time_axis>div:nth-child(1){
				padding: 5px 5px 5px 5px;
			}
			.time_axis>div:not(:nth-child(4)):after{
				position: absolute;
			    right: -20px;
			    top: 0;
			    border-bottom: 20px inset transparent;
			    border-left: 20px solid #007acc;
			    border-top: 20px inset transparent;
			    content: "";
			     z-index: 2;
			}
			.time_axis>div:not(:nth-child(1)):before{
			    position: absolute;
			    left: 0;
			    top: 0;
			    height: 0;
			    width: 0;
			    border-bottom: 20px inset transparent;
			    border-left: 20px solid #fff;
			    border-top: 20px inset transparent;
			    content: "";
			}

预览：