Как да промените цвета на div, като задържите мишката

Автор: Joan Hall
Дата На Създаване: 25 Януари 2021
Дата На Актуализиране: 19 Може 2024
Anonim
Returnal платина. #1
Видео: Returnal платина. #1

Съдържание

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" като свойство ID, като използва цвета на фона "# ff0000" (шестнадесетична стойност), когато състоянието "hover" е активирано, което ще се случи, когато курсорът на мишката бъде поставен върху DIV. Тези стойности на ID и цвят на фона могат да се променят, ако е необходимо.


  5. Тип "", за да затворите маркера на CSS скрипта. t

  6. Поставете курсора на текста върху празен ред между маркерите „“ и „“.

  7. Напишете "" и натиснете "Enter", за да създадете DIV контейнер с идентификационната стойност "div1". Ако сте променили ID името в стъпка 4, трябва да поставите същото име тук.

  8. Въведете или поставете съдържание, което да бъде включено в DIV, и натиснете „Enter“.

  9. Въведете "", за да затворите контейнера DIV.

  10. Кликнете върху „Файл“ и „Запазване“, за да запишете документа.