Рамки html свойство border

Суббота, 29 Мая 2021 г. 22:10 + в цитатник

Рамку можно создать для любого html элемента, будь то , <h1>, <img>, , <blockquote>, <marquee> и так далее.

Разница между рамками блочных и встраиваемых элементов состоит в том, что у блочных рамка образуется на всю ширину блока, но её можно ограничивать.

Рамка же встроенного создаётся непосредственно вокруг элемента, заключённого в тег.

Для создания рамки применяется стилевое свойство border которому задаются три значения по порядку

Толщина Вид Цвет.

Так как руководство это практическое, то перейдём непосредственно к примерам.

Толщина и размер рамки

Для примера возьмём тег  и создадим ему простую
рамку толщиной 3 px

 текст текст текст текст

Результат

текст текст текст текст

Серия сообщений "- Делаем рамки -":
Часть 1 - Рамки с картинкой в уголке (плюс умные фразы - по совместительству смешные)
Часть 2 - Хотите такие рамки? Заказывайте! +Конкурс!
...
Часть 11 - Урок от Beauti_Flash, как пользоваться рамочками.
Часть 12 - Рамка вокруг текста и рисунков. Блок текста.
Часть 13 - Рамки html свойство border
Часть 14 - Рамка с тенью для выделения текста.
Часть 15 - Тень у рамки
...
Часть 29 - Рамочка с обводкой в виде кромки
Часть 30 - Зеленая рамочка+КОД
Часть 31 - ПРОСТЫЕ рамочки+КОД

Метки: уроки рамочки

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

Рамка вокруг текста и рисунков. Блок текста.

Суббота, 29 Мая 2021 г. 22:10 + в цитатник

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

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

Теперь покажу построение блока текста в рамке от простого к сложному.

Создание блока.

Самый простой блок текста — это просто блок текста, не имеющий ни рамки ни заливки, Рис. 1.

Рис. 1

Серия сообщений "- Делаем рамки -":
Часть 1 - Рамки с картинкой в уголке (плюс умные фразы - по совместительству смешные)
Часть 2 - Хотите такие рамки? Заказывайте! +Конкурс!
...
Часть 10 - Продолжение урока от Beauti_Flash, как пользоваться рамочками.
Часть 11 - Урок от Beauti_Flash, как пользоваться рамочками.
Часть 12 - Рамка вокруг текста и рисунков. Блок текста.
Часть 13 - Рамки html свойство border
Часть 14 - Рамка с тенью для выделения текста.
...
Часть 29 - Рамочка с обводкой в виде кромки
Часть 30 - Зеленая рамочка+КОД
Часть 31 - ПРОСТЫЕ рамочки+КОД

Серия сообщений "- Работа с текстом -":
Часть 1 - Кладезь для всех начинающих...
Часть 2 - Как расположить текст справа и слева от картинки и т.д
...
Часть 15 - Как сделать свой простенький курсор и вставить его в пост.
Часть 16 - Текст на картинке.
Часть 17 - Рамка вокруг текста и рисунков. Блок текста.
Часть 18 - Все о бегущем тексте. Примеры и коды.
Часть 19 - Пишем в два столбца без ФШ
...
Часть 36 - Полоски или линии которыми можно украсить свой текст.
Часть 37 - Виды формул фонов под тексты.
Часть 38 - ДЕЛАЕМ КРАСИВЫЙ ТЕКСТ ДЛЯ ОФОРМЛЕНИЯ ДНЕВНИКА.

Рубрики:

Рамочки

Метки: уроки рамочки

Процитировано 1 раз
Понравилось: 1 пользователю

Комментарии (0)

Бабушкины советы.

Понедельник, 17 Мая 2021 г. 19:58 + в цитатник

Из блога ЭкзегетЪ

БАБУШКИНЫ СОВЕТЫ

- Бабушка, скажи мне, когда наступает время расставаться?
Может, лучше уходить после первой же ночи, пока еще нет неоправдавшихся надежд, не дожидаясь выяснения отношений, оставив на память только смущенное приятное воспоминание?
Или после многих и многих ночей, когда все само потихонечку исчезнет, неизвестно куда и почему; спокойное «экологическое» расставание, без боли чего-то рвущегося, без надрывов и криков?

- Тут все очень просто, внученька.
Уходить надо не после какого-то определенного количества ночей, а после первого же утра, когда тебе не захочется встать пораньше и приготовить ему завтрак.
Напои его тогда чаем, поцелуй на прощанье и закрой дверь.

Серия сообщений "Бабушкины советы":
Часть 1 - Бабушкин совет 7 "О прошедшем...."
Часть 2 - Советы бабушки:)))
Часть 3 - "Советы Домового."
Часть 4 - Бабушкины советы.

Метки: бабушкины советы полезные советы притчи

Комментарии (0)

Тюльпаны нежные с эпиграфом.

Воскресенье, 16 Мая 2021 г. 18:40 + в цитатник

Название: тюльпаны нежные с эпиграфом
Автор: sherila
Создана: 06.03.2017 02:40
Скопировали: 4 раз
Установили: 6 раз
Примерить схему | Cохранить себе

Название: цветочная
Автор: sherila
Создана: 18.12.2016 01:56
Скопировали: 3 раз
Установили: 4 раз
Примерить схему | Cохранить себе

Akimyan

Рубрики:

Схемы/***Весна***

Метки: схемы

Комментарии (0)

Помадка для выпечки.

Среда, 21 Апреля 2021 г. 22:09 + в цитатник

Ингредиенты:

Какао - 2ст.л.
Крахмал кукурузный - 1 ст.л.(можно заменить мукой)
Сахар - 3 - 6 ст.л.
Вода - 100 мл
Подсолнечное масло - 2 ст.л.

Приготовление:

Перемешать все сухие продукты, затем влить воду и масло, тщательно перемешать.
Ставим на медленный огонь, помешивая доводим до кипения и снимаем с плиты.
Помадка готова. Пока теплая - украшаем выпечку.

Akimyan

Метки: десерт

LiveInternetLiveInternet

-Рубрики

-Метки

-Цитатник

-Ссылки

-Приложения

-Резюме

-Музыка

-Всегда под рукой

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Дневник Аллы Акимовой

Перейти к полной формеБыстрая запись

Рамки html свойство border

Рамка вокруг текста и рисунков. Блок текста.

Бабушкины советы.

Тюльпаны нежные с эпиграфом.

Помадка для выпечки.