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

Пользователь

от emanuel_boyer , в категории: HTML/CSS , 3 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от cheyenne.boehm , 3 года назад

Изменить цвет списка в HTML можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<style>
         .list {
             color: brown;
         }
    </style>
</head>
<body>
    <ul class="list">
        <li>Кошка</li>
        <li>Собака</li>
        <li>Корова</li>
    </ul>
</body>


Пользователь

от emanuel_boyer , 3 года назад
@cheyenne.boehm Спасибо! Данный код меняет полностью цвет, а можно только у точек поменять цвет?

Пользователь

от cheyenne.boehm , 3 года назад

Если только точки, то попробуйте так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<style>
         ul {
            list-style: none;      
          }
          ul li::before {
              content: "\2022";
              color: brown;
              font-weight: bold;
              width: 4px;
          }
    </style>
</head>
<body>
    <ul>
        <li>Кошка</li>
        <li>Собака</li>
        <li>Корова</li>
    </ul>
</body>