Вверх

Блог
RSS лента

Делаем первую букву абзаца выделенной

Есть в каскадных таблицах стилей такое замечательное свойство как :first-letter
Так вот если вы хотите сделать первые буквы абзаца выделенными, то делаем следующие

  1.  p:first-letter {
  2.  color:#000000;
  3. font-weight:bold;
  4.  font-size:16px;
  5. }

Большая часть цмс разбивает абзацы именно через тег p
В выше приведенном случае буква будет жирной и больше шрифтом чем все остальные.
Если по экспериментировать можно прибить её к левому краю и сделать отступы, как обычно делают с обтекаемой картинкой. В общем должно получиться что наподобие как здесь http://knights.orgfree.com/?q=node/8

Ваша оценка: Пусто Средняя: 5 (1 голос)

Комментарии

Отправить комментарий

 
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Image links with 'rel="lightbox"' in the <a> tag will appear in a Lightbox when clicked on.
  • Image links from G2 are formatted for use with Lightbox2
  • Image links with 'rel="lightshow"' in the <a> tag will appear in a Lightbox slideshow when clicked on.
  • Links to HTML content with 'rel="lightframe"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to video content with 'rel="lightvideo"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to inline or modal content with 'rel="lightmodal"' in the <a> tag will appear in a Lightbox when clicked on.

Подробнее о форматировании

CAPTCHA
Если вы человек, то тогда введите символы изображенные на картинке ниже
Image CAPTCHA
Введите символы, изображенные на картинке.
Главная | Портфолио | Услуги | Контакты | Блог