<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>啦啦啦，德玛西亚</title>
<style type="text/css">
.one{font: 20px 宋体 ;
color: black;
text-indent: 2em;}
.two{color:brown;
text-align:center;
font-size: 30px;}
div{width: 450px;
height: 200px;
padding: 20px;
/*background-color: black;*/
background-image: url(images/2.jpg);
background-size: 490px 240px;
background-repeat: no-repeat;
border-radius:25px;
border:2px solid: #a1a1a1;
box-shadow: 8px 8px 8px #888;
}
</style>
</head>
<body>
<div>
<h1 class="two" onmouseover="change(this)"
onmouseout="old(this)" >我心里一直有一个梦</h1>
<p class="one">我心里一直有一个梦，要去嵩山少林学武功，像电影里帅气的超人，行侠仗义、飞檐走壁。</p>
<p class="one">师傅你为何行云流水，枪扫一片、棍打一切~~~<br>
挥挥衣袖对我说：<strong>“赶紧去练功！”</strong></p>
</div>
<script type="text/javascript">
function change(element) {
element.style.fontSize = '35px'
element.style.color = 'red'
}
function old(element) {
element.style.fontSize = '30px'
element.style.color = 'brown'
}
</script>
</body>
</html>
