Question

I would like to create a tab or label like look using only CSS and no images if possible. Here is what I mean:

I can create one end but I have not been able to create the triangle point. Is it possible to do this with only CSS?

Answer 1

There are indeed ways to create CSS triangles, here’s a part from css-tricks.com:

.arrow-right {
   width: 0; 
   height: 0; 
   border-top: 60px solid transparent;
   border-bottom: 60px solid transparent;
   border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-triangle/