Блог

Главная - Вопросы по программированию - Выровнять три изображения по одному друг над другом из нижнего правого угла ячейки

Выровнять три изображения по одному друг над другом из нижнего правого угла ячейки

#html #css

#HTML #css

Вопрос:

Я хотел бы создать такую HTML-страницу, как показано на рисунке внутри div , используя CSS.

пример изображения

Ответ №1:

 .container {
  height:100vh;
  width:100vw;
  position:relative;
}

.container > .image {
  position:absolute;
  height:5rem;
  width:10rem;
  background:red;
}

.image1 {
  bottom:3rem;
  right:3rem;
}

.image2 {
  background:green !important;
  bottom:6rem;
  right:6rem;
}

.image3 {
  background:aqua !important;
  bottom:9rem;
  right:9rem;
}  
 <div class="container">
  <div class="image1 image"></div>
  <div class="image2 image"></div>
  <div class="image3 image"></div>
 </div>