用htmlcssjs编写一个春节祝福网站
时间: 2023-02-17 17:07:27 浏览: 133
可以使用 HTML 来创建网页的结构,CSS 来设置样式,JavaScript 来添加交互效果。具体实现方法可能因需求和设计风格而异。
示例代码:
HTML:
```
<!DOCTYPE html>
<html>
<head>
<title>春节祝福网站</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="greeting">
<h1>新春快乐!</h1>
<p>祝您和家人幸福安康!</p>
</div>
<script src="script.js"></script>
</body>
</html>
```
CSS:
```
#greeting {
text-align: center;
margin-top: 50px;
}
h1 {
font-size: 48px;
color: red;
}
```
JavaScript:
```
document.getElementById("greeting").addEventListener("mouseover", function(){
this.style.backgroundColor = "yellow";
});
document.getElementById("greeting").addEventListener("mouseout", function(){
this.style.backgroundColor = "white";
});
```
这只是一个简单的示例, 可以根据需要进行修改和扩展.
阅读全文