Collection
Collection
手写链接：https://www.llheng.com/img/index.html
注：图片显示过大，采用外链；手写后上传的文件 更改了部分路径和文件名，所以手写的url处略有区别
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>盗墓笔记</title>
<style type="text/css">
div{
width: 400px;
height: 260px;
border:1px solid gray;
padding: 15px;
/*background-color:#F0F8FF;*/
background-image: url(https://www.llheng.com/img/0316/backgound.jpg);
background-size: 430px 290px;
background-repeat: no-repeat;
border-radius: 10px;
box-shadow:5px 5px 5px #888;
}
.p1{
color:#F0F8FF;
line-height: 1.5em;
text-indent:30px;
font-size: 16px;
font-family:Microsoft YaHei ;
}
</style>
</head>
<body>
<div>
<h3 onmouseout="out(this)" onmouseover="over(this)" style="color:#F0E68C;text-align: center;"/>盗墓笔记</h3>
<p class="p1">我看到闷油瓶注意到了我们这边，把头转了一转，正看到我和胖子的脸，他突然意味深长地笑了笑，动了动嘴巴，说的是：“再见”。
接着他就走入了青铜巨门之中，瞬间消失在了黑暗中。我目瞪口呆地看着他，脑袋几乎要炸裂了一样。</p>
<p class="p1">很快整队的“阴兵”走入了青铜巨门之中，地面猛然一震动，巨型的大门瞬间便合紧成了一个整体。</p>
</div>
</body>
</html>
<script>
function over(title_c){
title_c.style.fontSize = '24px'
title_c.style.color = '#FFD700'
}
function out(title_c){
title_c.style.fontSize ='20px'
title_c.style.color = '#F0E68C'
}
</script>点击 "运行实例" 按钮查看在线实例
