Цветной абзац через css

2018/07/12 Марат 621 0 HTML | ЦВЕТ |

В прошлый раз мы делали цветной абзац на самой странице, добавив свойство цвета . Сегодня же займёмся цветным абзацем, который сделан через css.

И цветной абзац можно сделать несколькими способами!

Можно сделать цветной абзац через css на самой странице.

Для этого в шапке сайта прописываем стили css + класс + цветное свойство абзаца.

Стили:

<style>

.primer-abzatsa{

color: #15CB19; /* Цвет абзаца */

}

</style>

Цвет подбираем здесь.
Копируем код здесь.

Там же можно посмотреть результат работы кода, который покрасит вам абзац в цвет с помощью css

В сам абзац прописываем класс "class" или ид "id".

Код:

<p class="primer-abzatsa">Пример нового цветного абзаца, который отличается по цвету от основного текста. </p>

Результат:

Пример нового цветного абзаца на самой странице, через css, который отличается по цвету от основного текста.

Второй вариант цветного абзаца через css немного сложнее, но у него есть основное отличие от предыдущего варианта, что если у вас такой класс повторяется на нескольких страницах, и когда вам потребуется изменить его, то вам достаточно будет изменить это свойство на одной странице и все абзацы, которые имеют такой класс изменятся автоматически на всех страницах!

Создаём файл css, назовём его :

Tsvetnoy-abzats-cherez-css.css

прикрепляем его к странице.

Создаём класс:

class=" Tsvetnoy-abzats-cherez-css"

В классе прописываем цвет:

.Tsvetnoy-abzats-cherez-css{

color:#2793D7;

}

код строки:

<p class="Tsvetnoy-abzats-cherez-css">Пример второго цветного абзаца </p> Смотрим пример и там же копируем код.
Не забудь !

сказать спасибо!