Како да ја промените бојата на текст во HTML

Во HTML, бојата на текстот варира со користење на ознаката , Но, овој метод веќе не е поддржан во HTML5. Наместо наведената ознака треба да користите CSS за да ја поставите бојата на текстот на различни елементи на страници. Користењето на CSS осигурува дека веб-страницата ќе биде компатибилна со било кој прелистувач.

Чекори

Метод 1 од 2:

Користејќи CSS

Еден. Отворете HTML-датотека. Најдобар начин за промена на бојата на текстот е да се користи CSS. Стара ознака Повеќе не е поддржано во HTML5. Така користете CSS за да го одредите стилот на елементите на страницата.

Овој метод исто така важи и за табелите за надворешни стил (поединечни CSS-датотеки). Следните примери се наменети за HTML-датотека со внатрешна стилска табела.

2. Започнете го курсорот внатре во ознаката . Стилови се дефинирани во оваа ознака, ако се користи внатрешен стилски лист.

3. Внесете , За да креирате внатрешен стилски лист. Кога ознаката

4. Внесете го елементот чија боја треба да се промени. Користете го делот

{}

Пет. Во селекторот на елементот, внесете го атрибутот Боја:. Овој атрибут ја дефинира бојата на текстот на избраната ставка. Во нашиот пример, овој атрибут ќе ја промени бојата на главниот текст, кој е ставка која го вклучува целиот текст на страницата:

 {Боја:}

6. Внесете ја бојата на текстот. Ова може да се направи на три начини: Внесете име, внесете ја хексадецималната вредност или внесете ја вредноста на RGB. На пример, за да го направите текстот сино, внесете Сина, RGB (0, 0, 255) или # 0000ff.

 {Боја: црвено-}

7. Додадете други селектори за промена на бојата на различни елементи. Можете да користите разни селектори за промена на бојата на текстот на различни ставки на страницата:

 {Боја: Red-} H1 {Боја: # 00FF00-} P {Боја: RGB (0,0,255)}Овој наслов ќе биде зелен.Овој став ќе биде сино.Овој основен текст ќе биде црвен.

осум. Наведете ја стилистската класа CSS наместо да го менува предметот. Можете да ја одредите стилот класа, а потоа да го примените на било која страница ставка за промена на стилот на елементот. На пример, класа .RedText ќе го наслика текстот на елементот на кој се применува оваа класа, во црвена:

 {Боја: црвено-} Класа ="RedText"> Овој наслов ќе биде Redextot став ќе биде стандард. Класа ="RedText"> Овој став ќе биде црвен

Метод 2 од 2:

Користење на вградени атрибути

Еден. Отворете HTML-датотека. Можете да ги користите атрибутите на вградени стил за да го промените стилот на еден елемент на страница. Тоа може да биде корисно ако треба да направите една или две промени во стилот, но не се препорачува за употреба на големи размери. За целосно да го промените стилот, користете го претходниот метод.

2. Пронајдете го предметот за промена.Користење на атрибути на вградени стил, можете да ја промените бојата на текстот на која било страница. На пример, за промена на бојата на текстот на одредено заглавие, најдете го во датотеката:

Овој наслов треба да се промени

3. Додајте го стилот атрибут на објектот. Внатре во отворот на променливиот елемент, внесете Стил ="":

 Стил =""> Овој наслов треба да се промени

4. Внатре "" Внесете Боја:. На пример:

 Стил ="Боја:"> Овој наслов треба да се промени

Пет. Внесете ја бојата на текстот. Ова може да се направи на три начини: Внесете име, внесете ја хексадецималната вредност или внесете ја вредноста на RGB. На пример, за да го направите текстот жолт, внесете Жолта-, RGB (255.255,0)- или # Ffff00-:

 Стил ="Боја: # ffff00-"> Овој наслов стана жолт

Совети

Листата на поддржани бои и нивните хексадецимални вредности може да се најдат на веб-страницата http: // w3schools.Com / бои / colors_names.ASP