...

Юг Клад

Антиквариат. Активный отдых и путешествия. Аукцион. Нумизматика. Коллекционирование.

Рамка вокруг текста

Вы, наверное, часто видели на страницах интернета части текста, которые красиво обрамлены простой на вид рамкой, иногда с включением в неё текста, картинки или даже анимации. В этом уроке я научу вас это делать.
Итак, чтобы заключить часть текста или несколько каких-то объектов в рамку, нужно поместить этот текст или объекты в контейнер <fieldset>, вот так:

<fieldset>Ваш текст</fieldset>

Чтобы добавить текст или картинку, включённую в рамку, нужно после открывающего элемента <fieldset> вставить контейнер <legend> и в него поместить слово, словосочетание или написать адрес картинки или анимации в формате http. Полный код смотрите в окне ниже. Можно его скопировать и вставить там, где нужно.

В качестве легенды - слово: 
 
<fieldset><legend>Привет!</legend>
Любой ваш текст.
</fieldset>

В качестве легенды - картинка:

<fieldset><legend><img src="адрес картинки в сети" alt=""></legend>
Любой ваш текст.
</fieldset>

В итоге мы получаем вот так вот оформленный текст:

Привет!

Я очень соскучился и безумно рад тебя видеть :).

Рамка вокруг текста

Привет!!! Я тоже очень рада твоему письму и предстоящей встрече с тобой :).
Позвони мне как только сможешь.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
0 комментариев
Новые
Старые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
164 запросов за 0,544 секунд.
Яндекс.Метрика