1

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

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

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

4
  • Что-то я не соображу, что вы подразумеваете под вдавленной линией. Можно пример?
    – MrClon
    6 сен 2014 в 7:38
  • Можно использовать border - groove, inset.
    – soledar10
    6 сен 2014 в 8:09
  • Да, примерно так, я ещё цвет немного подберу и нормально. Спасибо!
    – Rumato
    6 сен 2014 в 8:20
  • @soledar10, запости ответ как ответ, а не как комментарий.
    – MrClon
    6 сен 2014 в 8:52

1 ответ 1

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.