酷炫的网页代码
时间: 2024-02-05 07:13:21 浏览: 68
以下是一个简单的HTML和CSS代码示例,可以用来创建一个酷炫的网页:
```html
<!DOCTYPE html>
<html>
<head>
<title>酷炫的网页</title>
<style>
body {
background-color: #1C1C1C;
color: #FFFFFF;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
font-size: 5rem;
margin-top: 10%;
text-shadow: 3px 3px #000000;
}
p {
text-align: center;
font-size: 2rem;
margin-top: 5%;
}
button {
padding: 1rem 2rem;
background-color: #FF5733;
color: #FFFFFF;
font-size: 2rem;
border: none;
border-radius: 5px;
margin-top: 5%;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #FF8C42;
}
</style>
</head>
<body>
<h1>欢迎来到酷炫的网页!</h1>
<p>这是一个演示如何使用HTML和CSS创建酷炫网页的示例。</p>
<button>了解更多</button>
</body>
</html>
```
这段代码将创建一个黑色背景的网页,包括一个居中的标题、一个居中的段落和一个漂亮的橙色按钮。当鼠标悬停在按钮上时,按钮的背景色会变成更浅的橙色。
阅读全文