©TCP-tryWWW

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

<head>
	<meta charset="UTF-8">
	<title>CSS Border</title>
	<style>
		.dottedA {
			border-style: dotted;
			border-width: 2px;
		}
		.dottedB {
			border-style: dotted;
			border-width: 5px;
		}
		.dashedA {
			border-style: dashed;
			border-width: thin;
		}
		.dashedB {
			border-style: dashed;
			border-width: thick;
		}
		.doubleA {
			border-style: double;
			border-width: 5px;
		}
		.doubleB {
			border-style: double;
			border-width: thick;
		}
		.mix {
			border-style: solid;
			border-width: 1px 2px 10px thick;
		}
	</style>
</head>

<body>

	<h1>border-width 속성을 이용한 테두리의 두께 설정</h1>
	<p class="dottedA">border-width 속성값을 2px로 한 단락입니다.</p>
	<p class="dottedB">border-width 속성값을 5px로 한 단락입니다.</p>
	<p class="dashedA">border-width 속성값을 thin으로 한 단락입니다.</p>
	<p class="dashedB">border-width 속성값을 thick으로 한 단락입니다.</p>
	<p class="doubleA">border-width 속성값을 5px로 한 단락입니다.</p>
	<p class="doubleB">border-width 속성값을 thick으로 한 단락입니다.</p>
	<p class="mix">border마다 각각의 border-width 속성값을 적용한 단락입니다.</p>

</body>

</html>