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

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

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

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

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

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

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

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

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

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

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

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

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

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

 166