Oh my goodness!!! I have the same question here about the triangle, It just blew my mind , Now I read this explanation, But I don’t understand how the triangle is formed. Can someone help me please!!!
Did you try my suggestion above of changing the border colors and width?
border-width: 60px; border-top-color: red; border-right-color: green; border-bottom-color: blue; border-left-color: yellow;
If you do that then you will see how the borders each make a triangle. Then it’s just a matter of adjusting the widths of each individual border to make the triangle you want.
If you still don’t understand then please be a little more specific about what you don’t understand so that we can provide a better answer.
Yes, I had tried what you said, But I hadn’t understood yet! Now I understand. It took me a little bit to understand why the triangle is formed, I saw that is formed by the width and height of the “div”, for sure, it is set to "0 ", so de border covers all the div, making the triangle! Thank you very much for your answer.