给我一种以蓝色为背景色的舒适性变色html
时间: 2024-06-01 15:03:06 浏览: 21
以下是一种以蓝色为背景色的舒适性变色HTML:
```html
<!DOCTYPE html>
<html>
<head>
<title>舒适性变色HTML</title>
<style type="text/css">
body {
background-color: #006699; /* 蓝色背景 */
color: #fff; /* 白色文字 */
font-family: Arial, sans-serif; /* 字体样式 */
font-size: 16px; /* 字体大小 */
line-height: 1.5; /* 行高 */
padding: 20px; /* 内边距 */
text-align: center; /* 文字居中 */
}
h1 {
color: #ffcc00; /* 黄色标题 */
font-size: 36px; /* 标题字体大小 */
margin-top: 0; /* 去除标题上方的空白 */
}
p {
margin-bottom: 20px; /* 段落下方留出空白 */
}
a {
color: #fff; /* 白色超链接 */
text-decoration: none; /* 去除下划线 */
}
a:hover {
color: #ffcc00; /* 鼠标悬停时变成黄色 */
}
</style>
</head>
<body>
<h1>舒适性变色HTML</h1>
<p>这是一种以蓝色为背景色的舒适性变色HTML示例。</p>
<p>欢迎访问我们的<a href="#">网站</a>,了解更多信息。</p>
</body>
</html>
```
相关推荐
![](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)