Простые рамочки для текста. Ещё один урок от tomishka.
28-03-2021 21:26
к комментариям - к полной версии
- понравилось!
Это цитата сообщения tomishka Оригинальное сообщение
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения tomishka Оригинальное сообщение
Приведу скелетик еще одной простой рамочки для текста и дам некоторые пояснения. 1.ШИРИНА БОРДЮРА задается в px, чем меньше значение, тем уже будет бордюр ( при нулевом значении бордюра не будет ). 2.КОД ЦВЕТА БОРДЮРА задается шестнадцатеричным числом, а перед ним ставится символ решетки #, например: #fafec8. 3.Аналогично задается КОД ЦВЕТА ФОНА РАМКИ. Если код цвета где-то будет отсутствовать, то по умолчанию он будет черным. 4.ШИРИНУ и ВЫСОТУ РАМКИ можно взять произвольно, напримдр, 700*200. Если потом в этой рамке поместить картинку размером 700*500, то высота рамки увеличится, и мы увидим картинку, по краям которой везде будет одинаковый отступ от бордюра. А вот если картинка по ширине будет меньшего размера, то отступы от бордюра слева и справа станут больше чем верхний отступ, при условии, что картинка должна располагаться по центру. Картинку можно сместить влево или вправо, заменив center соответственно на left или right.
Разместим картинку с размером 700*557 в центре рамочки размером 700*300 и посмотрим, как это будет выглядеть.
Теперь возьмем картинку размером 500*500 и поместим в рамку прежнего размера. Вид стал другим.
А вот таким будет вид, если исходный размер возьмем 700*700 для той же картинки.
Если после того, как сделали такую рамочку, начнете писать текст, то перед текстом надо будет поставить переход на новую строку. Удачи всем, решившим сделать рамочку по приведенному скелетику. |
Вы сейчас не можете прокомментировать это сообщение.
Дневник Простые рамочки для текста. Ещё один урок от tomishka. | E-Ledi - |
Лента друзей E-Ledi
/ Полная версия
Добавить в друзья
Страницы:
раньше»