647просмотров
11.3%от подписчиков
6 июня 2025 г.
Score: 712
CSS трюки Списки и счетчики Счетчики CSS позволяют вам настраивать внешний вид контента в зависимости от его расположения в документе. <ul class="list"> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li>
</ul> li { font-size: 40px; margin-bottom: 20px; counter-increment: li;
} .list li::before { content: counter(li); margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; display: inline-block; background-color: #f3b70f; color: white; text-align: center; line-height: 50px;
} #frontend #css