Колір лінії, доданої на веб-сторінку через тег <hr>, за замовчуванням відображається сірого кольору і з ефектом об'єму. Такий вид лінії не завжди підходить до дизайну сайту, тому зрозуміло бажання розробників змінити колір та інші параметри лінії через стилі. Однак браузери неоднозначно підходять до цього питання, з-за чого доводиться використовувати відразу кілька стильових атрибутів. Зокрема, браузер Internet Explorer для кольору лінії застосовує властивість color, а браузери Firefox і Opera — background-color. Але це ще не все, при це обов'язково слід вказати товщину лінії (властивість height) відмінної від нуля і прибрати рамку навколо лінії, задаючи значення none у властивості border. Збираючи воєдино всі параметри для селектора HR, отримаємо універсальне рішення для популярних браузерів.
Для зміни кольору фону під текстом використовується універсальне властивість стильове background, який слід додати до селектору h1,..., H6.
Для зміни кольору фону застосовується властивість background доданий до селектору body, а для кольору тексту використовується властивість color.
Створіть новий клас (наприклад, colortext) і встановіть для нього властивість стильове color з бажаним значенням кольору. Після чого виділення фрагмента тексту відбувається за допомогою тега <span class="colortext">, клас якого збігається з ім'ям класу, створеним вище.
Найзручніше скористатися стильовим псевдоэлементом :first-letter, додаючи його до селектору P. В стилях спочатку вказується селектор, потім через двокрапку first-letter, після чого в фігурних дужках пишеться властивість color і його значення.
В стилях можна використовувати скорочену форму шістнадцяткове подання кольори. При цьому запис #rgb трактується як #rrggbb, іншими словами #fc0для браузера означає те ж саме, що #ffcc00. Врахуйте, що скорочена форма може застосовуватися тільки в стилях, але ніяк не в параметрах тегів HTML (приклад 1).