深绿色背景网页，3个按钮跳转 Google、Facebook 和 Twitter
<!DOCTYPE html>
<html>
<head>
<title>深绿色背景网页，3个按钮跳转 Google、Facebook 和 Twitter</title>
<style>
body {
background-color: darkgreen;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 100vh;
}
button {
margin-top: 50px;
padding: 20px 40px;
font-size: 24px;
color: white;
background-color: #4CAF50;
border: none;
border-radius: 10px;
cursor: pointer;
}
button:hover {
background-color: #3E8E41;
}
</style>
</head>
<body>
<div class='container'>
<button onclick='window.location.href='https://www.google.com''>Button 1</button>
<button onclick='window.location.href='https://www.facebook.com''>Button 2</button>
<button onclick='window.location.href='https://www.twitter.com''>Button 3</button>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/ovrO 著作权归作者所有。请勿转载和采集!