@Perflex_er

Как сделать примерно такую обводку?

60fabdb9e075d326471003.jpeg

Есть блок и в нем несколько элементов ,надо сделать обводку ,я пробовал через border-radius ,у меня ничего не вышло.
Подскажите вариант решения пожалуйста, буду очень признателен=)
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
@YahorDanchanka
Frontend developer
<div class="card">
    <img class="card__image" src="https://gamer-mods.ru/avatar/08/92/43134245.png">
    <div class="card__content">
      <div class="card__title">DIK ADALIN</div>
      <div class="card__status">Engineering</div>
    </div>
  </div>
  <style>
    body {
      /* Для видимости белой рамки */
      background: lightgreen;
    }
    .card {
      box-sizing: border-box;
      border: 1px solid #fff;
      text-align: center;
      /* Ваша ширина */
      width: 150px;
    }
    .card .card__image {
      line-height: 0;
      width: 100%;
    }
    .card .card__content {
      padding: 20px 0;
    }
  </style>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы