Как сделать - Группу списков
Узнать, как преобразовать базовый список в "группу списков" с помощью CSS.
Группа списков
- Андрей
- Алексей
- Борис
- Владимир
- Кристина
- Сергей
- Семен
Создать группу списков
Шаг 1) Добавить HTML:
Пример
<ul>
<li>Андрей</li>
<li>Алексей</li>
<li>Борис</li>
<li>Владимир</li>
<li>Кристина</li>
<li>Кристина</li>
<li>Семен</li>
</ul>
Шаг 2) Добавить CSS:
Пример
ul {
list-style-type: none; /* Извлеките пули */
padding: 0; /* Снять отступы */
margin: 0; /* Снять поля */
}
ul li {
border: 1px solid #ddd; /* Добавить тонкую границу для каждого элемента списка */
margin-top: -1px; /* Предотвращение двойных границ */
background-color: #f6f6f6; /* Добавить серый цвет фона */
padding: 12px; /* Добавить немного отступов */
}
Редактор кода »Совет: Зайдите на наш учебник CSS Списки, чтобы узнать больше о списках HTML и о том, как их стилизовать.