CSS

Треугольные маркеры списка

ul {
margin: 0.75em 0;
padding: 0 1em;
list-style: none;
}
li:before {
content: "";
border-color: transparent #111;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}

Верите или нет, но с применением одного лишь CSS3 действительно возможно сгенерировать маркеры треугольной формы. Это классная методика, которая смотрится потрясающе в уважаемых браузерах. Единственное возможное препятствие – отсутствие поддержки альтернативных методов.
Теги:
маркеры списка
Добавлено: 12 Апреля 2018 07:10:18 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...