| время
|
 |
Использование фонового 12
внутренний используем для сокрытия текста. В этом примере мы зададим для внешнего тега "плавучесть" (float) для того, чтобы текст абзаца охватывал его справа и снизу. Для лучшей совместимости с различными броузерами зададим для этого же элемента свойство display: block; (впрочем, это должно произойти автоматически при использовании float). У нас получится вот такой набор стилевых правил:
span.dropcap {
display:block;
float:left;
width:46px;
height:63px;
margin-right:5px;
background-image:url("dropcap_e.gif");
background-repeat:no-repeat;
}
span.dropcap span {display:none;}
Ширина и высота для первого правила взяты такими же, как соответствующие размеры изображения. Кроме того, мы применили небольшой правый отступ (margin-right) для нашей буквицы. Объединив HTML и CSS и применив кое-какие мелкие стилевые правила к самому абзацу, мы получили вот такой образчик буквицы.
Ещё примеры
Творческое использование метода ограничено лишь возможностями нашего
