Пятница, 14.08.2020, 19:34
Скрипты для Ucoz
Карта сайта
Главная | Создание рамки с помощью FIELDSET - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Основы HTML » Создание рамки с помощью FIELDSET
Создание рамки с помощью FIELDSET
bandjukДата: Понедельник, 17.10.2011, 10:48 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Создание рамки с помощью FIELDSET




Для создания такой рамки нужно воспользоваться следующим кодом:

Code
<fieldset><legend>Заголовок рамки</legend> Тут может быть любое содержимое (здесь может быть текст, код плеера с музыкой, фото, видео)</fieldset>


В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".

Fieldset с цветной рамкой


Используя следующие теги можно задать цвет рамки Fieldset:

Code
<fieldset style="border:1px #00BFFF solid;"><legend>Содержимое рамки</legend></fieldset>


Fieldset с цветной выпуклой рамкой


Здесь изменен стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.



Код такой рамки:

Code
<fieldset style="border: #1874CD ridge thick;">         
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span></fieldset>


Вид границы рамок border можете менять на свое усмотрение (пунктирная линия, двойная линия и т. д. ).

Материалы на эту же тему:

Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Границы при помощи border
Коды для вставки изображения в страницу
 
Скрипты для Ucoz » Всё для Ucoz » Основы HTML » Создание рамки с помощью FIELDSET
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2020

Создать бесплатный сайт с uCoz