Рубрика «Веб-дизайн»

Как установить ширину поля со списком?

Как установить ширину поля со списком? На этом уроке мы научимся устанавливать ширину поля со списком. 1.Для начала создадим html файл и запишем в нем все так, как показано на скриншоте. 2. Далее сохраняем файл так, как показано на скриншоте. 3.  Чтобы посмотреть результат, открываем наш файл в браузере.  

Как добавить цвет фона к заголовку текста?

Как добавить цвет фона к заголовку текста? На этом уроке мы научимся изменять цвет текста и фон заголовка. Открываем блокнот: Свойство background используется для изменения цвета фона под текстом.Его нужно добавить к селектору h1. Свойства color используется для изменения цвета заголовка, которое также добавляется к этому селектору. Добавляем данные с картинки: Сохраняем файл: Вот,что у нас получилось: На этом уроке …

Как создать цветную горизонтальную линию?

Как создать цветную горизонтальную линию? На этом уроке мы научимся создавать цветную горизонтальную линию. 1.Для начала создадим html файл, так как показано на рисунке. Также можно выбрать любой цвет линии. 2. Далее сохраним его путем, показанным ниже. 3. Чтобы посмотреть результат, открываем наш проект в браузере.  

Как изменить цвет текста в списке? HTML CSS

Как изменить цвет текста в списке? HTML CSS На этом уроке мы научимся изменять цвет фона списка и цвет текста в нём. Используйте стилевое свойство color для задания цвета текста и background для указания цвета фона, добавляя их к селектору UL или OL. 1.    Открываем блокнот                   2.    Вводим данные с картинки       …

Как выделить другим цветом фрагмент текста?

Как выделить другим цветом фрагмент текста? На этом уроке мы научимся выделять фрагмент текста другим цветом. 1.Создаем html файл в блокноте и пишем все, что показано на скриншоте. Цвет вы можете выбрать по-своему усмотрению. 2. Далее, сохраняем наш файл так, как показано на скриншоте. 3. Чтобы посмотреть результат, открываем наш html файл в браузере.

Как установить изображение полупрозрачным?

Как установить изображение полупрозрачным? На этом уроке мы научимся изменять значение прозрачности изображения. Открываем блокнот: Стилевое свойство оpacity отвечает за прозрачность элемента на странице. С помощью дробных чисел от 0 до 1 мы можем регулировать прозрачность, где ноль соответствует полной прозрачности, а единица — непрозрачности объекта.Старые версии Internet Explorer не поддерживает opacity, поэтому мы добавим свойство filter со значением alpha(Opacity=X), …

Как сделать пунктирное подчеркивание текста?

Как сделать пунктирное подчеркивание текста? На этом уроке вы научитесь пунктиром подчеркивать текст Заходим в блокнот и создаем файл html.                           2.Сохраняем этот файл.                 3. Для того ,чтобы увидеть результат откройте файл в браузере.

Как выровнять фотографию по центру веб-страницы?

Как выровнять фотографию по центру веб-страницы? На этом уроке мы научимся выровнять фотографию с подписью по центру горизонтали веб-страницы. Открываем блокнот: Добавление подсказки происходит с помощью стилевого свойства text-align со значением center, которое добавляется к селектору Р. При этом тег <img> должен располагаться внутри абзаца (тег <p>). Тег fig отвечает за выравнивание всех абзацев по центру. Вставляем данные с картинки: В теге …

Как изменить цвет первой буквы в каждом абзаце?

Как изменить цвет первой буквы в каждом абзаце? На этом уроке мы научимся изменять цвет первой буквы каждого абзаца для этого необходимо будет выделить другим цветом первую букву в каждом абзаце текста. Нам нужно будет воспользоваться стилевым псевдоэлементом: first-letter, добавляя его к селектору p. В стилях вначале указывается селектор, затем:first-letter, после чего в фигурных скобках пишется …

Как добавить всплывающую подсказку к изображению?

Как добавить всплывающую подсказку к изображению? На этом уроке мы научимся добавлять всплывающую подсказку к изображению, которая появляется при наведении на него курсора мыши. Открываем блокнот: Вставляем данные с картинки: Добавление подсказки происходит с помощью атрибута title тега <img>.В теге <img src> сначала пишем название папки (images), а после название изображения (фея.jpg) В теге <title> …