Колір тегу <p> за допомогою CSS можна встановити наступним чином:
p{
color:red;
}
Приклад шістнадцяткового коду:
p{
color:#1a237e; /*темно-синій текст*/
}
Елемент <body> у HTML містить видимий вміст сторінки, і за допомогою CSS можна встановити загальний стиль сторінки.
body{
color: black; /*весь текст сторінки буде чорним*/
background-color:lightblue; /*фон сторінки буде світло-блакитним*/
}
body{
text-align:left; /*Весь текст сторінки буде вирівняний ліворуч*/
}
#p1{
text-align:center; /*Абзац який має id - p1, буде вирівняний по центру, а всі інші — ліворуч*/
}
/*Вибір типу шрифту*/
p{
font-family: Arial, sans-serif;
}
/*Встановлення розміру шрифту*/
p{
font-size:18px;
}
/*Товщина шрифту*/
p{
font-weight: bold; /* normal, bold, 100-900 */
}
/*Стиль шрифту*/
p{
font-style: italic; /* normal, italic, oblique */
}
/*Відстань між рядками*/
p{
line-height: 1.5; /*може бути числом, px, %, em */
}
/*Відстань між символами*/
p{
letter-spacing: 2px; /*може бути від'ємним значенням*/
}
/*Великі/малі літери*/
p{
text-transform: uppercase; /* lowercase, capitalize, none */
}