title: Css angle background-color multiple
body: <p>I am trying to get effect like on picture , but still be able to add text to it , and add active class.I tried using top border for example red, and right border transparent , but i cant get angles to match like on picture.
  Any idea and link would help.</p>
  
  <p><a href="https://i.stack.imgur.com/Sb5YO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sb5YO.png" alt="enter image description here"></a></p>