Пример использования b-round

Подключать

Подключать для добавления рамки

Подключать для не белого внешнего уголка

inline-block

<i class="b-round b-round_16"><i class="l t"><i></i></i><i class="r t"><i></i></i></i> <div style="padding: 5px 7px; background: #eda; "> float </div> <i class="b-round b-round_16"><i class="l b"><i></i></i><i class="r b"><i></i></i></i>

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
Пример скруглённого блока без рамки
Шаг 1px от 2 до 10
Радиус 2 Радиус 3 Радиус 4 Радиус 5 Радиус 6 Радиус 7 Радиус 8 Радиус 9 Радиус 10
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
Шаг 2px от 12 до 20
Радиус 12 Радиус 14 Радиус 16 Радиус 18 Радиус 20
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
Шаг 5px от 25 до 40
Радиус 25 Радиус 30 Радиус 35 Радиус 40
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Пример скруглённого уголка с рамкой

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Вложенные блоки

b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block
b-some-block

Код (без рамки, 16px радиус скругления)

<div class="b-some-block">
    <i class="b-round b-round_16">
        <i class="l t"><i></i></i>
        <i class="r t"><i></i></i>
    </i>

    <div class="b-some-block-i"></div>

    <i class="b-round b-round_16">
        <i class="l b"><i></i></i>
        <i class="r b"><i></i></i>
    </i>
</div>

Код (с красной рамкой, 16px радиус скругления)

<div class="b-some-block">
    <i class="b-round b-round_16 b-round_ff0000">
        <i class="l t"><i></i><b></b></i>
        <i class="r t"><i></i><b></b></i>
    </i>

    <div class="b-some-block-i-and-border"></div>

    <i class="b-round b-round_16 b-round_ff0000">
        <i class="l b"><i></i><b></b></i>
        <i class="r b"><i></i><b></b></i>
    </i>
</div>

Код (без рамки, 16px радиус скругления, не белый фон внешнего уголка)

<div class="b-some-block">
    <i class="b-round b-round_16 b-round_bg-e8e8ba">
        <i class="l t"><i></i></i>
        <i class="r t"><i></i></i>
    </i>

    <div class="b-some-block-i"></div>

    <i class="b-round b-round_16 b-round_bg-e8e8ba">
        <i class="l b"><i></i></i>
        <i class="r b"><i></i></i>
    </i>
</div>