HTML炫酷網頁源代碼
<!DOCTYPE html>
<html>
<head>
<title>炫酷網頁</title>
<style>
body{
background-color: #000;
color: #fff;
font-size: 20px;
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
line-height: 1.5;
}
h1{
font-size: 80px;
color: #fff;
margin-top: 100px;
text-shadow: 3px 3px #000;
}
p{
font-size: 40px;
color: #ccc;
margin-top: 50px;
text-shadow: 2px 2px #000;
}
#button{
display: inline-block;
font-size: 30px;
color: #fff;
background-color: #f00;
padding: 20px 50px;
margin-top: 50px;
text-shadow: 2px 2px #000;
border-radius: 50px;
cursor: pointer;
transition: all 0.5s;
}
#button:hover{
background-color: #ff0;
color: #000;
transform: rotate(360deg);
box-shadow: 0 0 50px #ff0;
text-shadow: 3px 3px #000;
}
</style>
</head>
<body>
<h1>炫酷網頁</h1>
<p>歡迎來到炫酷世界！</p>
<button id="button">點擊進入</button>
</body>
</html>上一篇css 字符省略號