![FM4JQV_$3MJ]2~(04RVUSDQ.png](https://img.php.cn//upload/image/650/707/885/1521184330781981.png "1521184330781981.png")
![IT6VYL@K6NBDSL88]6WC2$9.png](https://img.php.cn//upload/image/827/828/278/1521184336553515.png "1521184336553515.png")
<!DOCTYPE html>
<html>
<head>
<title>第一节前端课程</title>
<meta charset="utf-8">
<style type="text/css">
.text{
color: blue;
line-height: 1.8em;
text-indent: 2em;
}
div
{
width: 480px;
height: 300px;
border: 1px solid green;
padding: 10px;
background-image: url(11.jpg);
background-size: 500px 320px;
background-repeat: no-repeat;
border-radius: 18px;
box-shadow: 11px 10px 10px #999;
}
</style>
</head>
<body>
<div>
<h3 style="color:green;font-size: 20px;text-align: center;" onmousemove="change1(this)" onmouseout="change2(this)";>和你一起慢慢变老</h3>
<p class="text">个人静静的凝望着晦暗的天空，阴霾弥漫的苍穹让人有了些许的落寞。</p>
<p class="text">孤寂的风吹开了笔端深处褶皱的想念，萦绕在跌宕起伏的心间，脑海放映着旧日缱绻的缠绵，妖娆着以前唯美的国度，洋溢着身心皆暖的幸福。你的深情脉脉有如初秋的细雨洗涤着我心灵的尘埃，我沉醉在你柔情似水的剪影里，祈盼着时光的滞留，渴望着将此旖旎绣成一副美轮美奂的画卷装裱成框，织就我的梦。</p></div>
<script type="text/javascript">
function change1(element){
element.style.fontsize='24px'
element.style.color='red'
}
function change2(element){
element.style.fontsize='30px'
element.style.color='green'
}
</script>
</body>
</html>
