©TCP-tryWWW

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

<head>
	<meta charset="UTF-8">
	<title>CSS3 Buttons</title>
	<style>
		.btn {
			background-color: #87CEEB;
			padding: 15px 30px;
			margin: 2px;
			border: none;
			color: black;
			text-align: center;
			text-decoration: none;
			font-size: 16px;
			display: inline-block;
			cursor: pointer;
			-webkit-transition-duration: 0.4s;
			transition-duration: 0.4s;
		}
		.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover {
			background-color: #4169E1;
			color: white;
		}
	</style>
</head>

<body>

	<h1>마우스 오버 버튼</h1>
	<button class="btn btn1">HTML</button>
	<button class="btn btn2">CSS</button>
	<button class="btn btn3">JQuery</button>
	<button class="btn btn4">PHP</button>

</body>

</html>