CSS: свойство color

Технические моменты создания сайтов и других Web-приложений.

CSS: свойство color

Сообщение Александр » 01 окт 2013, 15:22

Данное свойство влияет на цвет текста элемента.
Пример:
Код: выделить все
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Свойство color</title>
  <style>
   .zag {
    color: red; /* Цвет заглавной буквы */
    font-size: 150%; /* Размер шрифта */
   }
   p {
    color: rgb(51, 147, 121); /* Цвет основного текста */
   }
  </style>
 </head>
 <body>
  <p><span class="zag">Т</span>екст <span class="zag">Т</span>екст <span class="zag">Т</span>екст <span class="zag">Т</span>екст <span class="zag">Т</span>екст <span class="zag">Т</span>екст</p>
  <p><span class="zag">С</span>лово <span class="zag">С</span>лово <span class="zag">С</span>лово <span class="zag">С</span>лово <span class="zag">С</span>лово <span class="zag">С</span>лово</p>
 </body>
</html>

Полученный результат:
color.png
Применение свойства color
color.png (7.75 KiB) Просмотров: 3427
Аватар пользователя
Александр
Продвинутый Юзер
 
Сообщений: 218
Зарегистрирован: 12 мар 2012, 16:32

Re: CSS: свойство color

Сообщение Lita » 19 окт 2020, 07:41

Красиво. То есть получается что в принципе можно каждую букву сделать своим цветом?
Аватар пользователя
Lita
Юзер
 
Сообщений: 151
Зарегистрирован: 13 мар 2012, 05:15


Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron