Как вставить текст в HTML рамку

И снова здравствуйте! Бывает иногда нужно создать красивую HTML рамку для текста, но как это сделать быстро, знают не многие. В этом уроке я расскажу, как быстро вставить текст в html рамку, и для этого не обязательно знать гиперразметку текста, т. е. html. Создавать рамку в этом уроке мы будем с помощью онлайн сервиса «Рамочник».

Как вставить текст в рамку

На сервисе 4maf.ru/ramochnik.php «Рамочник», Вы можете создавать красивые рамки не только для текста, но и для фото или видео. Также можно создавать быстро анимационные рамки для веб-открыток или для сайта. Вы можете взять уже готовые рамки из галереи, чтобы не тратить свое время на создание новой. Только в галерее простую рамку для текста найти не просто.

На сегодняшний день в галерее находится 135280 готовых рамок. Посмотреть образцы, можно по этой ссылке. Все эти рамки изготовлены пользователями сервиса. Чтобы получить код понравившейся рамки, надо нажать кнопку «Получить код».

Если Вы хотите быстро найти рамку по определенной теме, тогда можно воспользоваться поиском выше на странице галереи. Рамки там действительно красивые, но я покажу, как быстро создавать простые рамки для текста. На изготовление новой рамочки уходит буквально несколько минут.

Перейдя на сервис, Вы увидите панель инструментов, где собственно и будете создавать HTML рамки.

В этом конструкторе есть все необходимое инструменты для создания красивых рамок. От выбранного типа рамки задаются нужные параметры: ширина и высота рамки, а также цвета и толщина границы, размер и цвет шрифта. Здесь Вы можете украсить свою рамку блестками и добавить фоновое изображение. Вот пример простой рамки, которую я сделал за пару минут.

А вот образец более сложной рамки

Как вставить текст в рамку HTML, Вы можете посмотреть в видео. Я наглядно покажу, как просто создавать рамки на этом сервисе. Изменить текст можно потом легко и на своем сайте, в готовой рамке.