Correction status:Uncorrected
Teacher's comments:
代码:
<!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>
手抄代码: