帮我写一个科技感的静态html代码
时间: 2023-03-24 22:04:15 浏览: 68
好的,以下是一个简单的科技感静态 HTML 代码:
<!DOCTYPE html>
<html>
<head>
<title>科技感静态页面</title>
<style>
body {
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
font-size: 3em;
margin-top: 50px;
text-shadow: 2px 2px #00ffff;
}
p {
font-size: 1.5em;
margin-top: 20px;
text-shadow: 1px 1px #00ffff;
}
.button {
background-color: #00ffff;
border: none;
color: #000;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.5em;
margin-top: 50px;
border-radius: 5px;
box-shadow: 2px 2px #000;
}
</style>
</head>
<body>
<h1>科技感静态页面</h1>
<p>这是一个简单的科技感静态页面,使用 HTML 和 CSS 编写。</p>
<a href="#" class="button">了解更多</a>
</body>
</html>
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)