Как да промените текстовия цвят в HTML

В HTML цветът на текста варира с помощта на етикета , Но този метод вече не се поддържа в HTML5. Вместо посочения маркер трябва да използвате CSS, за да зададете цвета на текста на различни елементи на страницата. Използването на CSS гарантира, че уеб страницата ще бъде съвместима с всеки браузър.

Стъпка

Метод 1 от 2:

Използване на CSS

един. Отворете HTML файл. Най-добрият начин да промените цвета на текста е да използвате CSS. Стар тагове Вече не се поддържа в HTML5. Така използвайте CSS, за да определите стила на елементите на страницата.

Този метод се отнася и за таблици за външни стил (отделните CSS файлове). Следващите примери са предназначени за HTML файл с таблица с вътрешна стил.

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

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

4. Въведете елемента, чийто цвят трябва да бъде променен. Използвайте секцията

{}

пет. В селектора на елемента въведете атрибута Цвят:. Този атрибут определя цвета на текста на избрания елемент. В нашия пример този атрибут ще промени цвета на основния текст, който е елемент, който включва целия текст на страницата:

 {Цвят:}

6. Въведете цвета на текста. Това може да се направи по три начина: въведете име, въведете шестнадесетичната стойност или въведете стойността на RGB. Например, за да направите текстово синьо, въведете Син, RGB (0, 0, 255) или # 0000FF.

 {Цвят: Red-}

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

 {Цвят: Red-} H1 {Цвят: # 00FF00-} P {Цвят: RGB (0,0,255)}Това заглавие ще бъде зелено.Този параграф ще бъде син.Този основен текст ще бъде червен.

Осем. Посочете CSS за клас на стилиста, вместо да променяте елемента. Можете да посочите стиловия клас и след това да го приложите към всяка страница на страницата, за да промените стила на елемента. Например, клас .RedText ще рисува текста на елемента, на който се прилага този клас, в червено:

 {Цвят: Red-} Клас ="RedText"> Това заглавие ще бъде REDEXTOT параграф ще бъде стандарт. Клас ="RedText"> Този параграф ще бъде червен

Метод 2 от 2:

Използване на вградени атрибути

един. Отворете HTML файл. Можете да използвате атрибутите в вградения стил, за да промените стила на елемент от една страница. Тя може да бъде полезна, ако трябва да направите една или две промени в стила, но не се препоръчва за широкомащабна употреба. За да промените напълно стила, използвайте предишния метод.

2. Намерете елемента за промяна.Използвайки атрибутите в вградения стил, можете да промените цвета на текста на всяка страница. Например, за да промените цвета на текста на конкретен заглавка, намерете го във файла:

Това заглавие трябва да бъде променено

3. Добавете атрибута на стила на елемента. Вътре в отвора на променливия елемент въведете Стил ="". T

 Стил =""> Това заглавие трябва да се промени

4. Вътре "" Inter Цвят:. Например:

 Стил ="Цвят:"> Това заглавие трябва да се промени

пет. Въведете цвета на текста. Това може да се направи по три начина: въведете име, въведете шестнадесетичната стойност или въведете стойността на RGB. Например, за да направите текста жълт, влезте Жълт-, RGB (255,255,0)- или # FFFF00-. T

 Стил ="Цвят: # FFFF00-"> Това заглавие става жълто

Съвети

Списък на поддържаните цветове и техните шестнадесетични стойности могат да бъдат намерени на уебсайта http: // W3Schools.COM / Цветове / Цветове_Names.ASP