Можно ли сделать div такого вида? [закрыт]

276

21 октября 2019, 09:20

надо сделать див такого плана, и чтобы дочерние элементы были в закрашенной области, можно так сделать?

Answer 1

Можно воспользоваться трюком с box-shadow

  box-shadow: 0 /*Горизонтальный отступ*/
              0 /*Вертикальный отступ*/
              0 /*Размытие*/
              30px /* "Распостранение" */ 
              teal /* Цвет */
              inset /* Внутри элемента */;

.wrapper 
{ 
  width: 300px; 
  height: 300px; 
  box-shadow: 0 0 0 30px teal inset; 
} 
.inside 
{ 
  color: #fff; 
}

<div class="wrapper"> 
  <div class="inside">Inside the container</div> 
</div>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как перезапустить таймер по кнопке

Есть код таймера всё отлично только не знаю как сделать чтобы по кнопке которую я задам он перезапускался

138

javascript

Экземпляры в ES6

Назрел глупый вопрос, не могу сообразить как загуглить, поэтому пришел за помощью :)

110

javascript

Эффект затемнения css [закрыт]

Как сделать такой эффект затемнения слайдера как здесь

111

javascript

Как удалить пару ключ-значение, в зависимости от типа значения с помощью for in?

нужно удалить свойство если его значение число, или строка, в зависимости от условия

132