请给出赛博朋克类型的css
时间: 2023-11-22 12:56:32 浏览: 127
以下是一个简单的赛博朋克风格的 CSS 示例:
```css
body {
background-color: #000;
color: #fff;
font-family: 'Roboto Mono', monospace;
font-size: 1.2rem;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 50px;
border: 1px solid #00ff00;
box-shadow: 0 0 20px rgba(0, 255, 0, 0.4);
}
a {
color: #00ff00;
}
button {
background-color: #00ff00;
color: #000;
border: none;
border-radius: 5px;
padding: 10px 20px;
font-size: 1.2rem;
cursor: pointer;
}
input[type="text"],
textarea {
background-color: #222;
color: #fff;
border: none;
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
input[type="submit"] {
background-color: #00ff00;
color: #000;
border: none;
border-radius: 5px;
padding: 10px 20px;
font-size: 1.2rem;
cursor: pointer;
}
.card {
background-color: #222;
color: #fff;
border: 1px solid #00ff00;
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
}
.card h2 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.card p {
font-size: 1.2rem;
margin-bottom: 10px;
}
.card a {
color: #00ff00;
}
```
这个 CSS 样式包含了赛博朋克风格的常见特征,如绿色边框、黑色背景、单色字体、圆角按钮等。您可以根据需要进行修改和调整。
阅读全文