Как изменить цвет текста в списке? HTML CSS

Как изменить цвет текста в списке? HTML CSS

На этом уроке мы научимся изменять цвет фона списка и цвет текста в нём. Используйте стилевое свойство color для задания цвета текста и background для указания цвета фона, добавляя их к селектору UL или OL.

1.    Открываем блокнот

 

 

 

 

 

 

 

 

 

2.    Вводим данные с картинки

 

 

 

 

3.    Сохраняем блокнот

4.    Результат нашей работы

 

 

При таком раскладе маркеры оказываются вынесенными за пределы цветной фоновой области. Поэтому для изменения вида фона следует использовать тег <div>, внутрь которого и добавить список. Все необходимые цвета при этом указываются для селектора DIV.

1.    Открываем блокнот

 

 

 

 

 

 

 

 

2.    Вводим данные с картинки

 

 

 

 

 

 

 

 

3.    Сохраняем блокнот

 

 

Расстояние от края цветового прямоугольника до текста регулируется свойствами margin и padding, добавляемые к селектору UL.

Результат нашей работы:

 

Добавить комментарий