Imagine an element with a thick border: .triangle { width: 200px; height: 200px; border: 10px solid black; } Now imagine all four borders have different colors: .triangle { ... border-left-color: red; border-right-color: yellowgreen; border-top-color: orange; border-bottom-color: rebeccapurple; } Notice how the borders meet each other at angles? Look what happens when we collapse the element […]
This content is only available to members.