11 different ways to render a truchet tile (◣) in the browser with no javascript.
View source code to see how!
With borders:
With SVG:
With SVG Linear Gradient:
With unicode:
With linear gradients:
With mask:
With clip-path:
With background image:
With rotation:
With skew:
With matrix3d: