深绿色背景带三个按钮的 HTML 页面 - Google, Facebook, Twitter - 常规

<!DOCTYPE html>
<html>
<head>
	<title>深绿色背景带三个按钮的 HTML 页面</title>
	<style>
		body {
			background-color: darkgreen;
		}
		.button {
			background-color: white;
			color: darkgreen;
			padding: 10px 20px;
			margin: 10px;
			border: none;
			border-radius: 5px;
			font-size: 20px;
			cursor: pointer;
		}
		.button:hover {
			background-color: darkgreen;
			color: white;
		}
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}
	</style>
</head>
<body>
	<div class='container'>
		<button class='button' onclick='window.location.href='http://www.google.com''>Google</button>
		<button class='button' onclick='window.location.href='http://www.facebook.com''>Facebook</button>
		<button class='button' onclick='window.location.href='http://www.twitter.com''>Twitter</button>
	</div>
</body>
</html>