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

Question

[Perflex_er]

Есть блок и в нем несколько элементов ,надо сделать обводку ,я пробовал через border-radius ,у меня ничего не вышло.
Подскажите вариант решения пожалуйста, буду очень признателен=)

Comments

[WapSter]

outline

[Ankhena]

outline, outline-offset
box-shadow
border

Правда не поняла при чем тут скругление border-radius

Покажите, что именно у вас не получается на jsfiddle.net

[Perflex_er]

Ankhena, Перепутал=)просто border

[Ankhena]

Perflex_er, песочница-то будет?

Answer 1

[Егор Данченко]

<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>