1、标点符号该有的不能少，不该有的不能多，否则程序不运行；
2、看了之后多动手，看的不如自己写的。
3、照葫芦画瓢内容如下：
<meta charset="UTF-8">
<style type="text/css">
div{
width:400px;
height:150px;
padding: 50px;
border-radius: 5px;
border:1px solid #888;
background-image:url(images/1.jpg);
box-shadow: 5px 5px 5px #888;
background-size: 500px 250px;
}
.text{
color:red;
text-intent:1.5em;
}
</style>
<div>
<h2 style="text-align:center;color:red" onmouseover="i(this)"onmouseout="b(this)">八阵图</h2>
<p class="text" style="text-align:center;">功盖三分国，名成八阵图。<br>
江流石不转，遗恨失吞吴。</p>
</div>
<script type="text/javascript">
function i(element){
element.style.fontsiz='24px'
element.style.color='black'
}
function b(element){
element.style.fontsiz='24px'
element.style.color='red'
}
</script>