Collection
Collection
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>陌陌：真实的距离</title>
<style type="text/css">
div{
height:250px;
width: 400px;
padding: 15px;
background-image: url(/images/meinv.jpg);
background-size: 430px 280px;
background-repeat: no-repeat;
border-radius: 20px;
box-shadow: 6px 6px 6px #666;
}
.text{
text-indent:2em;
line-height:1.5em;
color:red;
}
</style>
</head>
<body>
<div>
<h3 style="color: green;text-align: center;font-size: 25px" onmouseover="MoveOver(this)" onmouseout="MoveOut(this)">陌陌：真实的距离</h3>
<p>一对异地情侣每天在陌陌上聊天，彼此的距离始终都是1000km。某晚她回家后习惯性打开陌陌，发现双方的距离只有1km，再刷新，只有0.9km，她明白发生了什么，激动的走向门口。当晚，他们的距离只有-5cm。<br>
于是第二天，他们还是分手了…</p></div>
<script type="text/javascript">
function MoveOver(element){
element.style.fontSize='30px';
element.style.color='blue'
}
function MoveOut(element){
element.style.fontSize='25px';
element.style.color='green'
}
</script>
</body>
</html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
