This demo demonstrates how to create yet another arrow tabs using pure CSS. The idea is not based on using CSS triangle (with border trick) but using the skew transform. With this trick, you can apply a distinct border to the arrow tabs while using border trick can't help us achieve this effect.
This is a, slightly hackish, pure CSS implementation of a fixed table header.
It is implemented in HTML5 and CSS3 and is tested in FX 25, Chrome 31 and IE 10.