8,960
edits
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
border: 2px solid #000; /* Граница вокруг ячейки */ | border: 2px solid #000; /* Граница вокруг ячейки */ | ||
background-color: #f0f0f0; /* Фон ячейки */ | background-color: #f0f0f0; /* Фон ячейки */ | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
list-style-type: none; /* Убирает стандартные маркеры <li> */ | list-style-type: none; /* Убирает стандартные маркеры <li> */ | ||
width: 300px; /* Задает фиксированную ширину для примера */ | width: 300px; /* Задает фиксированную ширину для примера */ | ||
padding: 0; /* Убирает внутренние отступы у <li> */ | |||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
.top-part { | .top-part { | ||
flex: 1; /* Занимает меньше пространства */ | |||
background-color: #e0e0e0; /* Фон верхней части */ | |||
padding: 10px; | |||
border-bottom: 1px solid #ccc; /* Разделительная линия между частями */ | border-bottom: 1px solid #ccc; /* Разделительная линия между частями */ | ||
} | } | ||
.bottom-part { | .bottom-part { | ||
flex: 2; /* Занимает больше пространства */ | |||
background-color: #d0d0d0; /* Фон нижней части */ | |||
padding: 10px; | padding: 10px; | ||
} | } | ||
/* Убираем стандартные маркеры списка */ | |||
ul { | |||
padding-left: 0; | |||
} | |||