HTML Стили
HTML атрибут style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и т. д.
Атрибут style
Настройка стиля HTML элемента может быть выполнена с помощью атрибута style.
Атрибут HTML style имеет следующий синтаксис:
<tagname
style="свойство:значение;">
property - свойство CSS. value - значение CSS.
Вы узнаете больше о CSS позже в этом уроке.
Цвет фона
CSS свойство background-color определяет цвет фона для HTML элемента.
Пример
Установите цвет фона для страницы на пудрово-синий:
<body style="background-color:powderblue;">
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
Попробуйте сами »
Пример
Установите цвет фона для двух разных элементов:
<body>
<h1 style="background-color:powderblue;">Это заголовок</h1>
<p style="background-color:tomato;">Это параграф.</p>
</body>
Попробуйте сами »
Цвет текста
CSS свойствоcolor определяет цвет текста для HTML элемента:
Пример
<h1 style="color:blue;">Это заголовок</h1>
<p style="color:red;">Это параграф.</p>
Попробуйте сами »
Название шрифта
CSS свойство font-family определяет шрифт, используемый для HTML элемента:
Пример
<h1 style="font-family:verdana;">Это заголовок</h1>
<p style="font-family:courier;">Это параграф.</p>
Попробуйте сами »
Размер шрифта
CSS свойствоfont-size определяет размер текста для HTML элемента:
Пример
<h1 style="font-size:300%;">Это заголовок</h1>
<p
style="font-size:160%;">Это параграф.</p>
Попробуйте сами »
Выравнить текст
CSS свойство text-align определяет горизонтальное выравнивание текста для HTML элемента:
Пример
<h1 style="text-align:center;">Заголовок по центру</h1>
<p style="text-align:center;">Параграф по центру.</p>
Попробуйте сами »
Краткое содержание
- Использование атрибута
styleдля стиля элементов HTML - Использование
background-colorдля цвета фона - Использование
colorдля цвета текста - Использование
font-familyдля шрифта текста - Использование
font-sizeдля размера текста - Использование
text-alignдля выравнивания текста