代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3月15日</title>
<style type="text/css">
div{
width:450px;
height:290px;
margin:0 auto;
padding:15px;
/*圆角 上右下左都是15像素*/
border-radius:15px 15px 15px 15px;
/*盒子阴影 X轴5像素 Y轴5像素 扩散5像素 阴影颜色*/
box-shadow: 5px 5px 5px #ccc;
background:430px 230px;
background: url(images/1.jpg) no-repeat;
}
.text{
color: #09f;
text-indent: 2em;
line-height: 1.5em;
margin:50px 0 10px 0;
}
</style>
</head>
<body>
<div>
<h3 style="color: red;text-align:center;font-size:24px;" onmouseover="change(this)" onmouseout="before(this)">每次从天桥走过</h3>
<p class="text">
龙王到天庭向玉帝告状，说我儿被那哪吒扒皮抽筋。玉帝问：他们到底有何过节？龙王：当时哪吒路过海滩，我儿只是好心问他：<b>游泳健身了解一下？</b>
</p>
</div>
<script type="text/javascript">
function change(element){
element.style.fontSize = '20px'
element.style.color = '#333'
}
function before(element){
element.style.fontSize = '24px'
element.style.color = 'red'
}
</script>
</body>
</html>手抄代码：
