Ряд из пяти точек собирается из одного div и тени без размытия. box-shadow с blur 0 копирует бокс: сдвинул копию по X, и вот вторая точка, сдвинул ещё — третья. Цвет и spread у каждой тени свои, поэтому один ::before рисует и точки 16 px с шагом 32, и цветную шкалу.

Живут копии только в отрисовке. Места в раскладке не занимают, клик не ловят, скринридеру не видны. Форму повторяют ровно, менять можно только размер через spread: столбики разной высоты из одной тени не собрать.

Chrome 10, Firefox 4, Safari 5.1; несколько теней в одном свойстве — с Chrome 1, Firefox 3.5 и Safari 3.

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/box-shadow