Kuidas muuta divi värvi hiirega libistades

Autor: William Ramirez
Loomise Kuupäev: 21 September 2021
Värskenduse Kuupäev: 1 Detsember 2024
Anonim
Kuidas muuta divi värvi hiirega libistades - Artiklid
Kuidas muuta divi värvi hiirega libistades - Artiklid

Sisu

DIV-sildid (lühend "split") määratlevad HTML-dokumendi osa ja neid kasutatakse sageli koos CSS-i keelega saidi põhipaigutuse loomiseks. DIV-i saab kohandada, kasutades CSS-i, et määratleda marginaale, vahekaugusi, piire, teksti suurust, joondust või taustavärvi, samuti täiustatud trikke, nagu DIV-i värvi muutmine, kui kasutaja selle üle liigub.


Juhised

CSS-i keel võimaldab teil rakendada trikke, et parandada kasutajate suhtlemist lehega (Comstock / Comstock / Getty Images)

  1. Avage tekst veebisaidilt tekstiredaktoris.

  2. Asetage kursor tühja rea ​​vaheleja'.

  3. Sisestage "type = 'text / css'>" ja vajutage "Enter". Sellega hakkate looma CSS-skripti.

  4. Tüüp "# div1: hover {taustavärv: # ff0000;}" ja vajuta "Enter". See kohandab DIV-konteineri väärtusega "div1" ID-omadusena, kasutades taustavärvi "# ff0000" (kuueteistkümnendväärtus), kui "hover" olek on aktiveeritud, mis juhtub siis, kui hiirekursor asetatakse üle DIV. Neid ID- ja taustavärvi väärtusi saab vajadusel muuta.


  5. Tüüp ""CSS-skripti sildi sulgemiseks.

  6. Asetage tekstikursor tühja rea ​​"" ja "" sildi vahele.

  7. Sisestage "" ja vajutage "Enter", et luua ID-väärtusega "div1" DIV konteiner. Kui olete 4. sammus ID-nime muutnud, peate siin sama nime panema.

  8. Sisestage või kleepige DIV-s sisalduv sisu ja vajutage "Enter".

  9. DIV konteineri sulgemiseks tippige "".

  10. Dokumendi salvestamiseks klõpsake "Fail" ja "Salvesta".