Hur man ändrar textfärg i HTML (med bilder)

Medan du kan ändra textfärg med taggen i HTML, stöds inte denna metod i HTML5. Istället använder du grundläggande CSS för att definiera vilken färg texten kommer att visas i olika delar på din sida. Använda CSS kommer att se till att din webbsida är kompatibel med alla möjliga webbläsare.

Steg

Metod 1 av 2:

Använda CSS

1. Öppna din HTML-fil. Det bästa sättet att ändra färg på din text är att använda CSS. Den gamla HTML-attributet stöds inte längre i HTML5. Den föredragna metoden är att använda CSS för att definiera stilen på dina element.

Denna metod kommer också att fungera med externa stylesheets (separata CSS-filer). Exemplen nedan är för en HTML-fil med ett internt stylesheet.

2. Placera markören inuti taggen. Du kommer att definiera dina stilar i den här taggen om du använder ett internt stylesheet.

3. Skriv för att skapa ett internt stylesheet. När taggen är i taggen, kommer CSS inuti taggen att appliceras på alla tillämpliga delar på den sidan. När du är klar ska början på din HTML-fil se ut så här:

4. Skriv in elementet du vill ändra textfärgen för. Du kommer att använda avsnittet för att definiera utseendet på de olika elementen på din sida. Så till exempel, för att ändra stilen på all kroppstext på din sida, skriv följande:

5. Skriv Färg: Attribut i elementväljaren. De Färg: Attributet kommer att berätta för sidan vilken textfärg som ska användas för det elementet. I det här exemplet ändras textfärgen på all kroppstext, vilket är standardelementet för all text på din sida:

6. Skriv in en färg för texten. Det finns tre sätt att ange en färg: namnet, hex-värdet eller RGB-värdet. Till exempel, för den färgblå du kan skriva blå, RGB (0, 0, 255), eller # 0000ff.

7. Lägg till andra väljare för att ändra färgen på olika element. Du kan använda de olika väljarna för att ändra färgen på din text för olika delar av sidan:

8. Definiera en CSS-klass istället för att ändra ett element. Du kan definiera en klass och applicera sedan det på vilket element du vill ha hela sidan för att omedelbart lägga till klassstilen. Till exempel, i följande fil the ".redtext" Klassen kommer att göra något element som det tillämpas för att använda röd text:

Metod 2 av 2:

Använda inline-stilattribut

1. Öppna din HTML-fil. Du kan använda inline-stilattribut för att ändra stilen på ett enda element på din sida. Detta kan vara användbart för en eller två snabba ändringar i stilen, men rekommenderas inte för utbredd användning. För omfattande stiländringar, använd den tidigare metoden.

2. Hitta elementet i filen som du vill ändra. Du kan använda inline-stilattribut för att ändra textfärgen på något av dina element. Till exempel, om du vill ändra textfärgen på en viss rubrik, hitta den i din fil:

3. Lägg till stilattributet till elementet. Typ stil ="" Inuti öppningsetiketten för det element du vill ändra:

4. Skriv Färg: attribut inuti "". Till exempel:

5. Skriv den färg du vill ändra texten till. Det finns tre sätt att uttrycka en färg. Du kan skriva namnet på färgen, du kan ange RGB-värdet, eller du kan ange HEX-värdet. Till exempel, för att ändra färgen till gul, kan du skriva gul-, RGB (255,255,0)-, eller # Ffff00-: