Рассмотрим простую рамочку на конеретном примере простой рамочки:
Вот формула рамочки
![](//img0.liveinternet.ru/images/attach/c/0/120/726/120726026_20150225_121836.png)
Начнем с того, что я отметила желтым цветом.
![](//img1.liveinternet.ru/images/attach/c/0/120/726/120726263_1.png)
4рх - это толщина обводки, как в рамочке для примера. А если мы 4рх сменим на 1рх, то у нас получится вот такая рамочка
отличие видно сразу. Так что толщину обводки делаем на свой вкус, как впрочем, и все остальное.
ridge - это форма(тип) обводки. Эта обводка в данной рамочке и в рамочке для примера. Теперь мы будем менять это значение и смотреть какая форма(тип) будет у обводки.
• 1. Сплошная рамка. ridge поменяем на solid - получилось (менять надо в обоих местах, где в формуле отмечено желтым)
• 2. Пунктирная рамка - dashed
• 4. Точечная рамка dotted (если мы будем менять форму только во втором значении, то получится вот такая рамочка)
• 5. Двойная рамка double
• 6.
вариантов можно подобрать много....
• 7.#FE9980 - цвет обводки, где найти таблицу смотрим ниже по уроку
Теперь рассмотрим, что это такое под зеленым цветом?
![](//img0.liveinternet.ru/images/attach/c/0/120/726/120726622_2.png)
width: 88% - это ширина рамочки. Рамочка, в которую поставлен пост имеет ширину 88%, а рамочка для примера имеет ширину 40%. Тут тоже, думаю, разобрались.
Пошли дальше и посмотрим, что скрывает оранжевый цвет?
![](//img1.liveinternet.ru/images/attach/c/0/120/727/120727615_3.png)
background-color: #F1E6D9 - фон для текста. цифры F1E6D9 - это и есть цвет фона, которые можно поменять на свое усмотрение. Таблица цветов находится
ТуТ
Хочется вставить фон для записи из настоящих фонов? Легко! Для этого в формуле (отмечено оранжевым цветом) background-color: #660000; поменяем на background-image:url('Адрес картинки'); при этом ковычки и скобочки не трогаем! Вот я уже поменяла теги в формуле и рамочка сейчас выглядит так, в ней нет фона для текста, она прозрачная.
Адрес фона-картинки можно взять на яндекс-фотках. А я делаю так:
![1 (551x373, 1684Kb)](//img0.liveinternet.ru/images/attach/c/0/120/729/120729296_1.gif)
Смотрим дальше-отмечено розовым. Это шрифт. Georgia - это название шрифта, его можно заменить на любой, какой у вас есть. Мои шрифты
ТуТ
шрифт Georgia, напимер, поменяю на шрифт HansHand. меняем так:"Georgia" на "HansHand" ковычки НЕ трогаем! Результат
Идем дальше, где выделено голубым.
"font-size: 19px" - это величина шрифта, тут меняем цифры
И последнее, это смотрим, где выделено коричневым
![](//img0.liveinternet.ru/images/attach/c/0/120/730/120730594_6.png)
color="#663333" - это цвет шрифта. Как менять цвет, смотрим выше по уроку.
так.... мы еще желаем и картинку поставить в рамочку....Ну что ж?Ставим!
![](//img0.liveinternet.ru/images/attach/c/0/120/667/120667416_0_b6bb0_e03902dd_orig.png)
"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***