<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 800px;
height: 550px;
/* border: 1px solid red; */
padding: 15px;
/* background-color: blue; */
background-image: url(images/1.png);
background-size: 830px 580px;
box-shadow:10px 10px 10px #888;
border-radius:25px;
background-repeat: no-repeat;
}
.p1{
text-indent: 2em;
color: red;
}
.p2{
text-indent: 2em;
color: yellow
}
</style>
</head>
<body>
<div>
<h1 style=" text-align: center;font-size: 48px" onmouseover="change(this)" onmouseout="old(this)" >笑话2则</h1>
<h2 style="color: red; text-align: center;font-size: 36px" >笑话1</h2>
<p>朋友说昨晚做了个噩梦，她说她梦到一个湖里的水居然是沸腾的，里边儿游着的鱼都煮熟了，当时吓死了。。。</p>
<p>我说:你别讲了，你只是想吃水煮鱼了！</p>
<h2 style="color: yellow; text-align: center;font-size: 36px">笑话2</h2>
<p>今天去超市结账时发现袋子没以前的厚实了。收银员说这是可降解的环保袋，不用埋土里，风吹日晒都能降解。结果结完账还没出超市门袋子就坏了，零食饮料掉一地。当时就懵了，这尼妹降解的也太快了吧！</p>
</div>
<script type="text/javascript">
function change(element) {
element.style.fontSize = '40px'
element.style.color = 'blue'
}
function old(element) {
element.style.fontSize = '48px'
element.style.color = 'black'
}
</script>
</body>
</html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
