Сетка со скругленным уголками

[chocolate_moles]

Как лучше сделать такую сетку?

Количество ячеек может быть от одного до много

Edited March 28, 2014 by chocolate_moles

[mrnobody]

Можно так сделать http://jsfiddle.net/mrnobody/6Q4hu/

 

UPD: Если вам нужно расположить "ячейки" в 3 столбика http://jsfiddle.net/mrnobody/6Q4hu/1/

Edited March 28, 2014 by mrnobody

[Roger]

можно так))

http://codepen.io/anon/pen/fdzap/

Edited March 28, 2014 by Roger

[mrnobody]

можно так))

http://codepen.io/anon/pen/KaHsu/

Между смежными ячейками двухпиксельный бордер.

[Roger]

Добавил border-collapse: collapse; только теперь  border-radius:не действует почему?

[SelenIT]

По спецификации...

The effect of border-radius on internal table elements is undefined in CSS3 Backgrounds and Borders, but may be defined in a future specification. CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.

 

Действие border-radius на внутренние элементы таблиц не определено в модуле «Фоны и границы» CSS3, но может быть определено в будущих спецификациях. Браузерам с поддержкой CSS3 желательно игнорировать свойства border-radius, примененные ко внутренним элементам таблиц, когда ‘border-collapse’ имеет значение ‘collapse’.

 

Вообще, интересная задача. Как вариант, можно нарисовать границы тенями, выступающими на 1px, поверх однопиксельного border-spacing'а: http://codepen.io/anon/pen/oJced/