Як змінити колір div, наведіть курсор миші

Автор: Joan Hall
Дата Створення: 28 Січень 2021
Дата Оновлення: 1 Грудень 2024
Anonim
Как поменять курсор на CSS, Выбрать любой курсор, Видео курс по CSS, Урок 20
Відеоролик: Как поменять курсор на CSS, Выбрать любой курсор, Видео курс по CSS, Урок 20

Зміст

Теги DIV (абревіатура "split") визначають розділ документа HTML і часто використовуються з мовою CSS для створення основного макета сайту. DIV можна налаштувати за допомогою CSS, щоб визначити поля, інтервали, межі, розмір тексту, вирівнювання або колір фону, а також більш просунуті трюки, такі як зміна кольору DIV, коли користувач наводить на нього курсор.


Інструкції

Мова CSS дозволяє застосовувати хитрощі для покращення взаємодії з цією сторінкою (Comstock / Comstock / Getty Images)

  1. Відкрийте документ зі своєї веб-сторінки в текстовому редакторі.

  2. Розмістіть курсор на порожньому рядку між "і'.

  3. Введіть "type = 'text / css'>" і натисніть "Enter". Завдяки цьому ви почнете створювати скрипт CSS.

  4. Введіть "# div1: hover {background-color: # ff0000;}" і натисніть "Enter". Це дозволить налаштувати контейнер DIV зі значенням "div1" як властивість ідентифікатора, використовуючи колір фону "# ff0000" (шістнадцяткове значення), коли стан "hover" активовано, що відбудеться, коли курсор миші буде розміщено на DIV. Ці значення ідентифікатора та кольору фону можна змінити, якщо потрібно.


  5. Введіть ""щоб закрити тег сценарію CSS.

  6. Розмістіть текстовий курсор на порожньому рядку між "" і "" тегами.

  7. Введіть "" і натисніть "Enter", щоб створити контейнер DIV з значенням "div1". Якщо ви змінили ім'я ідентифікатора на кроці 4, ви повинні поставити ту ж назву тут.

  8. Введіть або вставте вміст, який буде включено до DIV, і натисніть "Enter".

  9. Введіть "" для закриття контейнера DIV.

  10. Натисніть "Файл" і "Зберегти", щоб зберегти документ.