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

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

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

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

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

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

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

Архив записей в блогах:
Еще раз..! Сегодня исполняется 70 лет со дня рождения, пожалуй первого актера,  которого я сознательно запомнил года, так в 3 - 4. Посмотрев " Старую Старую Сказку"  , а до "Приключений Принца Флоризеля" оставалось еще огого. Казалось бы в этот ...
...мои друзья, само собой! И реальные, и виртуальные. Умные, добрые, внимательные, заботливые и памятливые. Спросят, расскажут, посочувствуют. Примут мою радость и поделятся своей. Познакомят с новостями, подарят идею, заставят задуматься. И даже примут в игру! Это особенно ценно ...
я написал стихи про керлинг но это грустные стихи а всем бы только посмеяться над бедным керлингом моим © ffairhair  2018 . Игра закончена! Победу разделили kliper & командa и 22sobaki (он же - первый среди одиночек), набравшие по 49 баллов! ...
На фото: столпотворение на станции метро Лондон Бридж 4 ноября утром, легкое метро DLR бастует Прочитал текст Тани, и задумался. Это ж сколько надо зарабатывать, чтобы оплачивать там хотя бы КОМФОРТНЫЙ транспорт?? Я уже даже не говорю про жильё, здоровье и еду. А если ты не айтишник ...
Просто фото. Прислал френд из Питера. К фотографиям он добавил: "2 гвоздики от меня. А в Питере дофига общих знакомых". Я ничего добавлять не буду. ...