Надо сказать, что браузеры пока не очень освоились с графическими маркерами: отображать-то они отображают, а вот когда пользователь захочет сохранить на своем компьютере страничку с таким списком, про маркеры как-то забывают. Так что не удивляйтесь, увидев в офлайне вместо роскошного рисованного маркера стандартные черные кружочки. На этот случай, кроме параметра list-style-image, можете написать также альтернативный способ маркировки:
.list3 {list-style-image:url(marker.gif); list-style-type:square} - если нет картинки, будет квадратик.
В списках действует еще один параметр, который называется list-style-po- sition. Если он принимает значение inside, то маркер располагается внутри текстового блока - как первая буква абзаца. Значение outside означает, что маркер окажется вне блока, левее его.
Цвет фона для страниц, абзацев, таблиц или их отдельных ячеек задается параметром background. Можно указать цвет в виде кода или названия.
Пример:
.acid {background:red;color:green} - вполне «кислотное» сочетание: ярко-красный фон, ядовито-зеленые буквы, оттого и назвали мы этот класс acid (кислота). Возможно вам понадобится суд федеральный.
Новые открытия в области CSS, сделанные мудрыми разработчиками этой спецификации, позволят нам подложить под веб-страничку рисунок, причем рисунок этот совершенно необязательно должен до бесконечности повторяться, как происходит с фоновыми рисунками в обычном HTML. Более того, рисунок этот может стоять в любом указанном нами месте.
И еще более того, - рисунок может составлять фон не всей странички, а только строки, абзаца, ячейки в таблице - смотря в каком теге вы его примените. Если в теге BODY, то получится фон страницы, если в теге TABLE - фон таблицы, в TD или TR - фон ячейки или строки, а если в тегах Р, Н1, LI или иных - то фон данного абзаца. А кроме того, все это может применяться вместе. Понимаете теперь, какие возможности открываются? Безграничные!
Опубликовал katy
June 05 2017 19:10:09 ·
0 Комментариев ·
1967 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
