In my previous post I explained how to exploit border-radius property to draw some amazing shapes which could save lots of web space. I suggested few task there too! One of them was to create a "Bookmark-ribbon with one side red color and other side black color".
To create such bookmark ribbon shape we just need to know how to exploit border property efficiently. Here is the code snippet which is the most easiest code for all shapes that we drew before and that we will draw ahead ;)
border-left: 50px solid red;
border-right: 50px solid black;
border-bottom: 30px solid transparent;
Output would be like this: