Modificarea culorii textului în HTML

Deși este posibilă modificarea culorii textului utilizând eticheta în HTML, această metodă nu mai este valabilă în HTML5. În schimb, CSS de bază este folosit pentru a defini culoarea cu care textul va apărea în diferite elemente ale paginii dvs. Utilizând CSS, vă veți asigura că site-ul dvs. este compatibil cu orice browser posibil.

pași

Metoda 1
Utilizați CSS

Image cu denumirea 157292 1
1
Deschideți fișierul HTML. CSS este cel mai bun mod de a schimba culoarea textului. Vechiul atribut din HTML nu mai funcționează cu HTML5. Metoda preferată este utilizarea CSS pentru a defini stilul elementelor.
  • Această metodă va funcționa și cu foi de stil externe (fișiere CSS independente). Exemplele de mai jos sunt pentru un fișier HTML utilizând o foaie de stil internă.
  • Imagine cu denumirea 157292 2
    2
    Plasați cursorul în interiorul etichetei . În cadrul acestei etichete veți defini stilurile în cazul în care utilizați o foaie de stil internă.
  • Imagine cu denumirea 157292 3
    3
    introduce pentru a crea o foaie de stil internă. Când eticheta
  • Imagine cu denumirea 157292 4
    4
    Introduceți elementul pe care doriți să îl modificați culoarea textului. Veți folosi secțiunea
  • Imaginea intitulată 157292 5
    5
    Introduceți atributul Culoare: în selectorul de elemente. Atributul Culoare: va spune pagina ce culoare să folosească pentru acel element. În acest exemplu, se va schimba culoarea întregului corp de text, care este elementul implicit pentru tot textul de pe pagină:
  • Imagine cu denumirea 157292 6
    6
    Introduceți o culoare pentru text. Este posibil să introduceți o culoare în trei moduri diferite: după numele său, valoarea hex sau valoarea RGB. De exemplu, pentru culoarea albastră trebuie să introduceți albastru, rgb (0, 0, 255) sau # 0000FF.
  • Imagine cu denumirea 157292 7
    7
    Adăugați alți selectori pentru a schimba culoarea mai multor elemente. Este posibil să utilizați diferitele selectori pentru a schimba culoarea textului în diferite părți ale paginii:


    Acest antet va fi verde.

    Acest paragraf va fi albastru.

    Acest corp de text va fi roșu.
  • Image cu denumirea 157292 8
    8
    Definiți o clasă CSS în loc să schimbați un element. Este posibil să definiți o clasă și apoi să o aplicați oricărui element pe care doriți să îl adăugați imediat pe întreaga pagină pentru a adăuga imediat clasa de stil. De exemplu, în următorul fișier clasa ".redtext" va face orice element la care se aplică să folosească textul roșu:

    Acest antet va fi roșu.

    Acest paragraf va fi normal.

    Acest paragraf va fi roșu.

  • Metoda 2
    Utilizați atributele stilului intern

    Imagine cu titlul 157292 9
    1
    Deschideți fișierul HTML. Este posibil să utilizați atributele de stil intern pentru a schimba stilul unui singur element al paginii. Acest lucru poate fi util pentru o schimbare rapidă sau două pentru stil, dar nu este recomandat pentru utilizări mai mari. Pentru modificări de stil mai largi, utilizați metoda anterioară.
  • Image cu denumirea 157292 10
    2
    Căutați fișierul pentru elementul pe care doriți să îl modificați. Este posibil să utilizați atributele stilului intern pentru a schimba culoarea textului oricăror elemente. De exemplu, în cazul în care doriți să modificați culoarea textului unui antet specific, căutați-l în fișier:

    Acesta este antetul pe care doriți să îl modificați.

  • Imagine cu denumirea 157292 11
    3
    Adăugați atributul de stil elementului. introduce stil ="" în interiorul etichetei de deschidere a elementului pe care doriți să îl modificați:

    Acesta este antetul pe care doriți să îl modificați.

  • Imagine cu denumirea 157292 12
    4
    Introduceți atributul Culoare: în "". De exemplu:

    Acesta este antetul pe care doriți să îl modificați.

  • Imagine cu titlul 157292 13
    5
    Introduceți culoarea pe care doriți să o modificați. Este posibil să se exprime culoarea textului în trei moduri. Introduceți numele culorii, valoarea RGB sau valoarea hexagonală. De exemplu, pentru a schimba culoarea în galben, introduceți galben-, rgb (255,255,0) - sau # FFFF00-:

    Acest antet va fi galben.

  • sfaturi

    • Puteți vedea o listă a numelor de culori acceptate și valorile lor hexazecimal în https://w3schools.com/colors/colors_names.asp
    Distribuiți pe rețelele sociale:

    înrudit
    Cum să adăugați un fundal unui site WebCum să adăugați un fundal unui site Web
    Cum să centrați o imagine în HTMLCum să centrați o imagine în HTML
    Cum se convertește un fișier PDF în Word, Excel, PowerPoint, JPG sau HTMLCum se convertește un fișier PDF în Word, Excel, PowerPoint, JPG sau HTML
    Cum se creează text în caractere aldine în HTMLCum se creează text în caractere aldine în HTML
    Cum se creează un meniu drop-down cu HTML și CSSCum se creează un meniu drop-down cu HTML și CSS
    Cum se creează un link imagine în HTMLCum se creează un link imagine în HTML
    Cum de a crea un calculator folosind HTMLCum de a crea un calculator folosind HTML
    Cum se creează o listă drop-down în HTML fără JavaCum se creează o listă drop-down în HTML fără Java
    Cum se creează o pagină web simplă utilizând NotepadCum se creează o pagină web simplă utilizând Notepad
    Cum de a crea rapid o tabelă în WordpadCum de a crea rapid o tabelă în Wordpad
    » » Modificarea culorii textului în HTML

    © 2011—2020 ertare.com