[Помогите] с h1

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 8 дек 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    нужно сделать h1 вот такой
    помогите пожалуйста

    [​IMG]
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Попробовать с помощью псевдоэлементов :before и :after точки отрисовать, а линию растягивающимся по оси Х пикселем(или сколько у вас там высота).
     
  3. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    53
    Симпатии:
    3
    для кружков можно использовать стиль, размер корректировать 2к1
    {
    width: 8px;
    height:8px;
    background: black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }
     
  4. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    <div class="block">
    <h1>Услуги</h1>
    </div>
    .block{
    background:url(polosa.jpg) repeat-x;
    text-align:center;
    }
    .block h1{
    position:relative;
    background:#fff;
    display:inline-block;
    }
    .block h1:before,.block h1:after{
    width: 8px;
    height:8px;
    background: black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    content:"";
    position:absolute;
    left:0;
    top:50px;
    margin-top:-4px;}
    .block h1:after{
    left:auto;right:0;margin-left:0;margin-right:-4px
    }