Как сделать backgraund меньше дива, которому он принадлежит?

Question

[Матвей Томилов]

bg - белая подложка.
Надо что бы бэкграунд занимал только нижнюю часть дива и имел бордер радиус 3px. Можно его сделать картинкой, но нужно что бы он был внизу.

Ну, или ваши варианты, как лучше это сделать одним дивом.

Answer 1

[#FFFFFF]

еще как вариант - градиентный фон с четкой границей между цветами. иногда бывает удобно

Answer 2

[Иван Вишневский]

Псевдо-элементом же. Есть у нас дивка квадратная, высотой 600px.

.element{
position: relative;
}
.element::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 400px;
background: #ccc;
}