Граница блока вдавленной линией

Рейтинг: 1Ответов: 1Опубликовано: 06.09.2014

Добрый день.
Подскажите, пожалуйста, как сделать границу блока вдавленной линией, шириной 1px (примерно), в сети вроде и много примеров, но как-то всё но это.

Я думаю, нужно как-то использовать box-shadow и как-то минусом ставить тень, но разобраться не могу пока.

Заранее большое спасибо!

css html css3
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

*{
  padding: 0;
  margin: 0;    
}
body{
  background: #555;
}
.block{
  background: #ccc;
  padding: 20px;
  width: 400px;
  margin: 50px auto;
  min-height: 150px;
  border: 1px inset #ddd;    
}
<div class="block"></div>