Стили для списков

Здравствуйте! На прошлом уроке мы разбирались как задать стили для абзацев. Сегодня поговорим о стилизации списков.

CSS предоставляет специальные свойства по стилизации списков. Одним из таких свойств является list-style-type. Оно может принимать следующие значения для нумерованных списков:

decimal: десятичные числа, отсчет идет от 1
decimal-leading-zero: десятичные числа, которые предваряются нулем, например, 01, 02, 03, … 98, 99
lower-roman: строчные латинские цифры, например, i, ii, iii, iv, v
upper-roman: заглавные латинские цифры, например, I, II, III, IV, V…
lower-alpha: строчные латинские буквы, например, a, b, c…, z
upper-alpha: заглавные латинские буквы, например, A, B, C, … Z

Для ненумерованных списков:

disk: черный диск
circle: пустой кружочек
square: черный квадратик

Стили для списков

		Это интересно 0	Как всё будет выглядеть в блоге: Стили для списков Здравствуйте! На прошлом уроке мы разбирались как задать стили для абзацев Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/16678440/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Стили для списков </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! На прошлом уроке мы разбирались как задать стили для абзацев </div> </div> Стили для списков <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/gruppa-polzovatelej-interneta-u-kotoryih-est-svoi-malenkie-sajtyi-i-blogi/16678440/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Стили для списков</a> <div style="font-family:trebuchet MS;">Здравствуйте! На прошлом уроке мы разбирались как задать стили для абзацев </div> </div>

webguru

23.10.2020

В избранное Пожаловаться Просмотров: 162

Комментарии ⁰

Группа пользователей Интернета у которых есть свои маленькие сайты и блоги 5929

Активные участники:

Последние откомментированные темы:

Стили для списков

Комментарии временно отключены

Премодерируемое участие
3091 участник