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: