8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.square-list { | |||
list-style-type: none; /* Убираем стандартные маркеры списка */ | |||
display: inline-block; /* Делаем элемент блочным для центрирования */ | |||
width: 100px; /* Ширина квадрата */ | |||
height: 100px; /* Высота квадрата */ | |||
position: relative; /* Позволяет наложить картинку */ | |||
margin: 10px; /* Отступ между элементами списка */ | |||
border: 1px solid #000; /* Граница квадрата (по желанию) */ | |||
} | |||
.square-list img { | |||
position: absolute; /* Позволяет наложить картинку */ | |||
top: 0; /* Положение сверху */ | |||
left: 0; /* Положение слева */ | |||
width: 100%; /* Ширина картинки на 100% от элемента */ | |||
height: 100%; /* Высота картинки на 100% от элемента */ | |||
object-fit: cover; /* Сохраняет пропорции изображения */ | |||
} | |||
.ring-chart27 { | .ring-chart27 { | ||
position: relative; | position: relative; | ||