Как сделать background меньше контейнера?

Question

[vasIvas]

Часть первая.
Существует div размером 100pxх100px, возможно ли задать ему bg 90pxx90px?

Часть вторая.
В программирование есть правило, "один объект - одна обязанность", применимо ли оно к css + html?
То есть нужно ли ломать голову, как сделать что-то с одним объектом или проще создать .container и в него положить другой .bg-view, которому уже и задать размеры меньше своего родителя?

Как на мой взгляд, так вариант с двумя элементами правильнее, а что думаете Вы?

Comments

[Zhainar]

img для изображений

Answer 1

[GreatRash]

codepen.io/GreatRash/pen/rxgGPR

Answer 2

[Игорь Павленко]

background-size: 90%;

Comments

[vasIvas]

а это только с картинками работает? У меня bg это цвет и size не работает..

[Дмитрий]

vasIvas: цвет конечно заливает всё, у фона нет паддингов

[Сергей delphinpro]

vasIvas: неполную заливку цветом можно имитировать с помощью линейных градиентов.