article 19
Часто я применяю одно и то же оформление текста с помощью разных методов. В основном это код CSS. Чтобы окончательно закрепить эти приемчики, я для себя и для вас приведу несколько примеров, которые можно схожу брать на вооружение.
Как написать текст нижним или верхним индексом
Чтобы получить такую надпись, посмотрите ее код:
[sourcecode]Как написать текст нижним или верхним индексом[/sourcecode]
Как сделать горизонтальную черту определенного цвета
Для этого нужно в файле style.css прописать оформление горизонтальной черты, которая будет, например, красного цвета:
[sourcecode]hr {color:red;background-color:red;height:1px;border-width:0px;}[/sourcecode]
После этого у вас в блоге все сплошные горизонтальные линии, которые ставятся через разметку hr, будут красные.
Как подчеркивать слово красной волнистой линией
Например, вы пишите об орфрграфических ошибках, и хотите привести пример такой ошибки, выделенный привычным всем способом —как в Ворде, красной волнистой линией. Сделать это можно, описав такую линию в style.css, предварительно расположив в блоге картинку красной волнистой линии:
[sourcecode].redline {background: url(redline.gif) repeat-x 100% 100%; padding-bottom: 2px; text-decoration: none; white-space: nowrap;}[/sourcecode]
После этого пишен наше слово с ошибкой с подчеркиванием:
[sourcecode] ашипка [/sourcecode]
Как сделать отступ первой строки абзаца (как в книгах)
Легко:
[sourcecode]
Ваш текст
[/sourcecode]
20 — это количество точек отступа. Можно применять и отрицательное значение — тогда первая строчка быдет выделяться из обзаца. Отступ/выступ действует только на первую строчку.
Пример:
Лорем ипсум.
Второй лорем ипсум.
Код примера:
[sourcecode]
Лорем ипсум.
Второй лорем ипсум.
[/sourcecode]