Цвета в CSS: color и background-color

Передача цвета с помощью свойств color и background-color.


1

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Цвета</title>
	<style>
		body {
			font: 100 1.5em Helvetica, Arial, sans-serif;
			color: white;
			background-color: black;
		}
	
		#p1 {
			color: #f83333;
			background-color: #444;
		}
		#p2 {
			color: rgb(0,255,127);
			background-color: rgba(50%,50%,0%,0.5);
		}
		#p3 {
			color: hsl(240,100%,75%);
			background-color:  hsla(0,0%,100%,0.2);
		}
	</style>
</head>
<body>
	<h1>Цвета</h1>
	<p>Значения цвета CSS могут принимать  <a href="/references/css/values/color/">одну из нескольких форм</a>.</p>
	<p>На этой странице цвет color: white; background-color: black;</p>

	<p id="p1">Для этого абзаца задан цвет color: #f83333; background-color: #444;</p>

	<p id="p2">Для этого абзаца задан цвет color: rgb(0,127,255); background-color: rgba(0%,50%,50%,0.5);</p>

	<p id="p3">Для этого абзаца задан цвет color: hsl(240,100%,75%); background-color: hsla(0,0%,100%,0.2);</p>
</body>
</html>

Страницы в тему:

Добавить комментарий