AFTER
Краткая информация
ОписаниеДанный псевдоэлемент, применяется для вывода желаемого контента после элемента, к которому он добавляется. Псевдоэлемент after работает совместно с атрибутом content. Псевдоэлемент after имеет особенности:
СинтаксисЭлемент:after { content: "текст" }
АргументыНет. Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>after</title> <style type="text/css"> p.newstyle:after { content: "New!"; /* Добавляемый текст */ color: #333; /* Цвет текста */ background-color: #fe2; /* Цвет фона */ font-size: 90%; /* Размер шрифта */ font-family: Tahoma, Verdana; /* Имя шрифта */ padding: 2px; /* Поля вокруг текста */ } </style> </head> <body> <h2>Истории</h2> <p class="newstyle">В Грузии скончалась актриса Софико Чиаурели.</p> <p>"Renault" и "АвтоВАЗ" создадут 7-местный автомобиль.</p> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 278 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |