Создание стиля для списка. CSS для UL
Самый простой вид списка выглядит красиво, но если Вы задумались о собственном стиле для списка UL, то вот оно решение. Здесь мы с Вами разберем только нумерацию или обозначение пункта для списка.
Пункт списка может обозначаться буквами, цифрами, квадратиками, кругляшками или Вашим собственным изображением.
Код стиля
ul {list-style-type: square; list-style-position: outside; list-style-image: url("http://yraaa.ru/icons/mini_help.gif")}
</style>
Разбор значений
list-style-type – это параметр, который определяет вид маркировки, имеет следующие значения:
- disc
- circle
- square
- decimal
- lower-roman
- upper-roman
- lower-alpha
- upper-alpha
Если Вы хотите избавиться, т.е. убрать маркировку, то воспользуйтесь значением none.
Другое значение - list-style-image, оно дает возможность поставить свое изображение в качестве маркировки. Делайте маленькое изображение, чтобы список смотрелся красиво. Этому атрибуту можно присвоить значение none, это все равно, что ничего не писать.
А вот теперь перейдем к list-style-position. Элемент может иметь значения inside или outside. Это свойство, определяющие положение маркера в отношение к списку.
Воспользуйтесь сервисом uKit. Никакого кода!
