Question

Подскажите хочу в списке изменить точки на цветные небольшие колечки как это сделать?

<ul>
<li><a href="http://" target="_blank" "">Спорт</a></li>
<li><a href="http://" target="_blank" "">Спорт</a></li>
<li><a href="http://" target="_blank" "">Спорт</a></li>
</ul>

на картинке пример:

Answer 1

Задается с помощью стилей вида:

ul li {list-style-image: url('ссылка на иконку');}

Либо еще проще, можно просто добавив в стили:

ul li {list-style:none;}

ul li:after {
    float:left;
    content:"";
    border: 2px solid #f25246;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    margin-right: 5px;
    background: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
}

вот так просто.

Comments

Спасибо) Вам большое)