Рассмотрим простую рамочку на конкретном примере простой рамочки:
Вот формула рамочки
Начнем с того, что я отметила желтым цветом.
4рх - это толщина обводки, как в рамочке для примера. А если мы 4рх сменим на 1рх, то у нас получится вот такая рамочка
отличие видно сразу. Так что толщину обводки делаем на свой вкус, как впрочем, и все остальное.
ridge - это форма(тип) обводки. Эта обводка в данной рамочке и в рамочке для примера. Теперь мы будем менять это значение и смотреть какая форма(тип) будет у обводки.
• 1. Сплошная рамка. ridge поменяем на solid - получилось (менять надо в обоих местах, где в формуле отмечено желтым)
• 2. Пунктирная рамка - dashed
• 4. Точечная рамка dotted (если мы будем менять форму только во втором значении, то получится вот такая рамочка)
• 5. Двойная рамка double
• 6.
вариантов можно подобрать много....
• 7.#FE9980 - цвет обводки, где найти таблицу смотрим ниже по уроку
Теперь рассмотрим, что это такое под зеленым цветом?
width: 88% - это ширина рамочки. Рамочка, в которую поставлен пост имеет ширину 88%, а рамочка для примера имеет ширину 40%. Тут тоже, думаю, разобрались.
Пошли дальше и посмотрим, что скрывает оранжевый цвет?
background-color: #F1E6D9 - фон для текста. цифры F1E6D9 - это и есть цвет фона, которые можно поменять на свое усмотрение. Таблица цветов находится
ТуТ
Хочется вставить фон для записи из настоящих фонов? Легко! Для этого в формуле (отмечено оранжевым цветом) background-color: #660000; поменяем на background-image:url('Адрес картинки'); при этом ковычки и скобочки не трогаем! Вот я уже поменяла теги в формуле и рамочка сейчас выглядит так, в ней нет фона для текста, она прозрачная.
Адрес фона-картинки можно взять на яндекс-фотках. А я делаю так:
Смотрим дальше-отмечено розовым. Это шрифт. Georgia - это название шрифта, его можно заменить на любой, какой у вас есть. Мои шрифты
ТуТ
шрифт Georgia, напимер, поменяю на шрифт HansHand. меняем так:"Georgia" на "HansHand" ковычки НЕ трогаем! Результат
Идем дальше, где выделено голубым.
"font-size: 19px" - это величина шрифта, тут меняем цифры
И последнее, это смотрим, где выделено коричневым
color="#663333" - это цвет шрифта. Как менять цвет, смотрим выше по уроку.
так.... мы еще желаем и картинку поставить в рамочку....Ну что ж?Ставим!
"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***
Начнем с того, что я отметила желтым цветом.
