手写链接:https://www.llheng.com/img/index.html
注:图片显示过大,采用外链;手写后上传的文件 更改了部分路径和文件名,所以手写的url处略有区别
实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例