<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>一个人的故事</title> <style type="text/css"> div { width: 430px; height:280px; padding: 15px; border-radius: 15px; box-shadow: 5px 5px 5px #888; background-image: url(img/2.jpg); background-size: 520px 320px; background-repeat: no-repeat; } .text{ color:#ffffff; line-height: 1.5em; text-indent: 2em; } </style> </head> <body> <script type="text/javascript"> function change(element) { element.style.fontSize = '24px' element.style.color = '#e9e7ef' } function old(element) { element.style.fontSize = '20px' element.style.color = 'brown' } </script> <div> <h2 style="color:brown;text-align: center;font-size:20px" onmouseover="change(this)"onmouseout="old(this)" >一个人的感言:</h2> <p>人生短短几十年,不要给自己留下了什么遗憾。 <p>想笑就笑,想哭就哭, <p>该爱的时候就去爱,无谓压抑自己。 <p>人生的苦闷有二, <p>一是欲望没有被满足 <p>二是它得到了满足。</p> </div> </body> </html>