Рамочки для текста создаются, как известно, двумя способами:

1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. (см. также инструкцию об использовании Рамочника).
2. При помощи тега div создают рамочки для текста такого типа:

   Они более просты, зато лучше грузятся, имеют фиксированную ширину, такие рамочки для текста легко сделать самостоятельно. Они поддерживаются блогами ЖЖ, diary, mail.ya.ru, privet.ru и др. Существует очень простой генератор подобных рамочек.

Как пользоваться генератором div-рамочек:

1. Идем на сайт  li-web.ru/serv/ram/

2. Выставляем ширину будущей рамочки,

3. Для того, чтобы сделать обводку, щелкаем мышкой по нужной границе на схеме рамочки,

а затем в меню нажимаем на  кнопку   и выставляем толщину, вид и цвет.

Также выбираем параметры для ячейки (выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку , определяем ее толщину в пикселях, цвет или фон (нужно вставить адрес на фоновое изображение (прямую ссылку на картинку) в окошко .  Адрес прямой ссылки узнаем щелкнув правой кнопкой мышки по изображению и выбрав пункт “Копировать адрес изображения”.

4. Внутренний слой рамочки обычно содержит текст. Для того, чтобы его написать, делайте внутренний слой активным, выбирайте цвет ячейки из палитры:

После чего в этой вкладке выбирайте кнопку текст (как показано на скриншоте) и в окошке для текста

пишите свою запись. Доступны функции форматирования и выбора цвета текста.

4. Рамочка для текста готова! Остается выбрать код html для вставки в блог:

http://natalya84i.blogspot.com/2011/01/div.html