Comment by babby

Note: You only need to specify 3 borders.

Eg. a triangle pointing down:

  .triangle-down {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #444;
  }