Inner Rounding

Inner Rounding with two elements

Inner Rounding with one element

Striped Backgrounds

Horizontal Stripes

Vertical Stripes

Diagonal Stripes

Diagonal Linear Gradient Stripes

Flexible Subtle Stripes

Continuous image borders

The easiest way is to use two HTML elements: one using a background with our image, and one with a white background covering it for our content area.

We can achieve the exact same effect with only one element. The main idea is to use a second background of pure white, covering the image.

Marching ants borders are dashed borders that seem to scroll like marching ants.