31 марта 2018

Редактирование HTML кода простой рамки

1.
содержимое рамки 

HTML код красно-зеленой рамки:



2. Если в html код красно-зеленой рамки вместо слов "содержимое рамки" вставить html код линейной рамки (зеленого цвета), получим  следующую рамку:

ТЕКСТ-------------------------------------                                                                                 

Рамка линейная зеленая, так называемая "резиновая", ее по ширине и длине  растягивает содержимое. Для наглядности проведу пунктирную линию.

HTML код красно-зеленой рамки с зеленой отделкой внутри:



3. В зеленую линейную рамку вставим фон (например, светло-зеленого цвета) и получим следующую рамку:
(html код фона вставляем в код рамки 2 вместо слова "текст")

СОДЕРЖИМОЕ                                                                                        

HTML код рамки 3:



Вариантов рамок может быть много. Можно редактировать html код 1-й рамки: изменять ширину рамки, др. цифровые значения, фоновые картинки. Можно создать рамку многооконную, вставив несколько линейных рамок (как зеленая - в примере) или рамки вставлять одна в другую и т.д.

_________________________________________________________________________________

Комментариев нет:

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

Related Posts Plugin for WordPress, Blogger...