• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Выделяем другим цветом фрагмент текста в CSS (Покрасить отдельные цвет буквы в слове на CSS)
Выделяем другим цветом фрагмент текста в CSS
Kosten
Вторник, 22 Января 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Здесь создадим несколько оттенков цвета в одном слове, это слово будет выставлено в 3 палитры цвета. И все это можно сделать при помощи стилей. Безусловно можно сделать на простых BB кодах, но там только одна гамма получится, не говоря про ту, что идет по умолчанию.



Начинаем:

Все очень просто как оказалось, где нужно выбрать знаки, что под каким цветом будут и все правильно разложить.

По месту, где хотите видеть:

Код
<style>
.padgav {color: #0d2582;}
.vtorsa  {color: #ea0a0a;}
.gretun {color: #055221;}
</style>
<p class="dasetun"><span class="padgav">Сайт:</span>
<span class="vtorsa ">Zornet</span>
<span class="gretun">.Ru</span></p>


Прописали класс dasetun для увеличение шрифта.

CSS

Код
.dasetun {
    font-size: 30px;
    margin: 37px 0;
    text-align: center;
}


Как можно видеть, это не сложно вывести.

Демонстрация
Прикрепления: 2983694.png (11.3 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Выделяем другим цветом фрагмент текста в CSS (Покрасить отдельные цвет буквы в слове на CSS)
  • Страница 1 из 1
  • 1
Поиск: