HTML/CSS | 18 марта 2011 |

Списки вообще часто используются, удобная штука. Ну а лучше все делать с помощью css, так что css списки будут выглядеть примерно так:

1
2
3
4
<ul>
   <li>first</li>
   <li>second</li>
</ul>

Это можно видоизменять, практически до неузнаваемости. С помощью css списки изменять достаточно легко. Вот например

1
2
3
4
ul li{
display:inline;
list-style-type:none;
}

Это на самом деле не все значения list-style-type, можно поставить кружочек (circle), квадрат (square) или диск (disc). На самом деле их гораздо больше, но ограничимся этими.

Помимо этого есть list-style-position.

1
2
3
ul li{
list-style-position:inside;
}

Inside в целом ничего не меняет, но можно поставить outside, тогда маркеры распределяются за пределами текстового блока.

А с помощью этого list-style-image, можно и вовсе поставить картинку для списков. Таким образом css списки не трудно, зато могут придать некую красоту спискам.

Рекомендую еще почитать

  • Делаем стильную менюшку
  • CSS спрайты
  • Динамическое изменение страницы с jS
  • Эффекты jQuery

  • Вы, можете добавить эту статью, в один из следующих сервисов:

    Опубликовать в Twitter Опубликовать в своем блоге livejournal.com

    Комментирование закрыто.