创建边框三角形CSS

我将使用:after绝对定位的psuedo元素，并使用非官方的CSS三角形。

.date {
  background-color: #006;
  color: #fff;
  width: 200px;
  position: relative;
  text-align: center;
  padding: 20px 0;
}

.date:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #006 transparent transparent transparent
}

演示：http : //jsbin.com/yonisaqi/2/edit?html,css,output