Учимся делать рамки. Рамка из разных линий с внутренним фоном.

Сегодня я покажу, как можно сделать рамку, состоящую из разных линий с внутренним фоном. Такую, как эта моя рамка.
Если Вы только пытаетесь делать рамки из линий, то сделайте вначале более простые рамки:

1) Рамка из пунктирной линии.
2) Рамка из двух линий без внутреннего фона.

1. - Этим тегом мы выравниваем рамку или текст (картинку) в рамке по центру.
Если, после применения этого тега рамка не встала по центру, то я ставлю в самом начале кода рамки такие теги:

Но тогда всё содержимое рамки будет стоять по центру.
При желании можно выделить в рамке нужную часть текста и выравнять текст влево, так я и сделала.
2. border:11px - ширина (толщина) первой фигурной выпуклой рамки, цифру можно менять
3. groove - фигурная выпуклая линия
solid - сплошная линия
dashed - пунктирная линия
dotted - линия состоящая из точек
background - внутренний фон
Все линии можно менять местами по Вашему усмотрению.
4. #339900 - цвет линий, можно менять
Цвет линии удобно выбирать по ссылке:

http://ksunny.ru/rgb.html

Очень удобная вещь для подбора цветов: можно подобрать цвет текста в зависимости от фона страницы.
5. padding: 7px - расстояние между линиями рамки, цифру можно менять.
6. width (ширина) - Этим тегом задаём размер рамки.
Я сделала рамку шириной width="640", цифру можно менять.
height - высота рамки регулируется текстом.
7.