Как верстальщику скруглять прямоугольник, который нарисован вручную

Всем привет.

Набрел на пост Ильи Бирмана (http://ilyabirman.ru/meanwhile/all/metro-line-curves/) о красивом скруглении углов. Вопрос: как верстальщик нарисует такие элементы, ведь в css, наверное, работает тот же авто-механизм скругления, что и в фотошопе или иллюстраторе.

З.Ы. Я начинающий веб-дизайнер, поэтому не очень знаком с процессом верстки, но пытаюсь разобраться.

 

для кружков можно использовать стиль, размер корректировать 2к1
{
width: 8px;
height:8px;
background: black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

 

А зачем верстальщику рисовать, если есть border-radius? Причем можно задавать радиус не только обычному скругленному уголку, но и эллиптическому, указав радиус по горизонтали/вертикали через слеш

 

поддерживаю выше сказанное.
border-top-right-radius:
border-bottom-right-radius
border-top-left-radius
border-bottom-right-radius:
либо сокращенная форма border-radius