8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Базовый стиль для ячейки таблицы с изображением */ | |||
.table-image-cell { | |||
position: relative; | |||
padding: 0; /* Убираем внутренние отступы */ | |||
height: 200px; /* Высота ячейки (можете изменить по необходимости) */ | |||
} | |||
/* Добавляем изображение через псевдоэлемент */ | |||
.table-image-cell::before { | |||
content: ''; | |||
background-image: url('/path/to/image.png'); /* Укажите путь к изображению */ | |||
background-size: cover; | |||
background-position: center; | |||
display: block; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
z-index: 0; | |||
} | |||
/* Дополнительный контент в ячейке поверх изображения */ | |||
.table-image-cell > * { | |||
position: relative; | |||
z-index: 1; | |||
color: white; /* Цвет текста, если нужен */ | |||
text-align: center; /* Выравнивание текста */ | |||
padding: 10px; /* Отступы вокруг текста */ | |||
} | |||
/* Пример CSS для светлой темы */ | /* Пример CSS для светлой темы */ | ||
.theme-light { | .theme-light { | ||