>> Списки в CSS. Всё на примерах

CSS

скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —чайник, HTML ДЛЯ ЧАЙНИКОВ— — —
>> с к а ч а т ь <<

скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

Списки в CSSВсе свойства могут применяться как к пронумерованным, так и непронумерованным спискам.

— LIST-STYLE-TYPE
— LIST-STYLE-IMAGE

 

list-style-type

disk — в виде закрашенного кружка
circle — в виде не закрашенного кружка
square — в виде закрашенного квадратика
decimal — арабские числа (1,2,3 и т.д.)
upper-roman — большие римские цифры (I,II,III,IV и т.д.)
lower-roman — маленькие римские цифры (i,ii,iii,iv и т.д.)
upper-alpha — заглавные буквы (A,B,C и т.д.)
lower-alpha — строчные буквы (a,b,c  и так далее)
none — без маркера

Пример:

ol 
{list-style-type: decimal;}
ul
{list-style-type: disk;}

А можно наоборот из пронумерованного списка сделать непронумерованный.

 

list-style-image

Позволяет  вместо стандартного маркера (кружочка или квадратика), поставить своё изображение. Значением является путь к изображению.

ul 
{list-style-image: uгl(bullet.gif); }

Если изображение находится в папке, соответственно путь указывают с папкой, например:

ul 
{list-style-image: uгl(img/bullet.gif); }

И теперь у каждого пункта будет стоять ваш маркер (картинка), это может быть крестик, стрелка, нолик и что угодно.

дальше. — Цвет ссылки в CSS.чайник, CSS ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

 

Читайте также:  Использование нестандартных шрифтов на сайте с помощью CSS
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий