>> Списки в 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 и html - всё на примерах
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий