@Corepro

Стилизация списка li?

Подскажите как мне стилизовать список как на примере ?
628277944acf0827473925.jpeg
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 3
mills
@mills
Как то так:
*{
    padding: 0;
    margin: 0;    
}


ol{
    list-style: none;
}
ol > li{
    padding-left: 20px;
    position: relative;
    margin: 10px;
}
ol > li:before{
    content: '✔';
    position: absolute; top: 0; left: 0;
    color: yellow;
}


<ol>
    <li>list</li>
    <li>list</li>
    <li>list</li>
    <li>list</li>
</ol>
Ответ написан
Иконка фоном для тега li, потом паддингом отодвинуть вправо
Что-то типа такого https://codepen.io/jusaa11/pen/NWydzxX
Ответ написан
Комментировать
@zusik
Можно с помощью свойства list-style-image, значением которого является ссылка на изображение:
list-style-image: url(“/…/…png”);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы