©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS Outline</title>
	<style>
		p {
			border: 1px solid black;
			outline-style: dashed;
		}
		p.red { outline-color: red; }
		p.green { outline-color: rgb(0,255,0); }
		p.blue { outline-color: #0000FF; }
		p.invert { outline-color: invert; }
	</style>
</head>

<body>

	<h1>outline-color 속성을 이용한 외곽선의 색상 변경</h1>
	<p class="red">outline-color 속성값을 red로 한 단락입니다.</p>
	<p class="green">outline-color 속성값을 green로 한 단락입니다.</p>
	<p class="blue">outline-color 속성값을 blue로 한 단락입니다.</p>
	<p class="invert">outline-color 속성값을 invert로 한 단락입니다.</p>

</body>

</html>