Задать вопрос
  • Как сделать такой border?

    Namechik
    @Namechik
    Не знаю как правильно, но я это делаю так:
    <fieldset class="field_1">
    <legend>
       <h1> Верхний текст </h1>
    </legend>
       <p> Содержимое блока </p>
    </fieldset>
    <fieldset class="field_2">
    <legend>
       <a href="#"> Кнопка </a>
    </legend>
    </fieldset>

    body {
    backround-color: #ccc;
    font-family: Arial;
    }
    fieldset {
    width: 40%;
    margin: 0 auto;
    border 2px solid #fff;
    border-bottom: none;
    text-align: center;
    }
    .field_2 {
    transform: rotateX(180deg);
    }
    .field_2 legend {
    transform: rotateX(180deg);