作业地址：http://mi-888.com/php/zuoye/1.html
实例
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<title>第一节课作业：浦北社区</title>
<style type="text/css">
div {
width: 500px;
height:350px;
padding: 15px;
border-radius: 15px;
box-shadow: 5px 5px 5px #666;
background-image: url(http://www.mi-888.com/php/zuoye/images/1.jpg);
background-size: 530px 380px;
background-repeat: no-repeat;
}
.text {
color:#B34B4B;
text-indent: 2em;
line-height: 2.5em;
font-size:18px
}
</style>
<div>
<h3 style="color:#B34B4B;text-align: center;font-size:24px" onmouseover="change(this)" onmouseout="old(this)">浦北社区 mi-888.com</h3>
<p class="text">关注浦北，服务浦北！浦县北社区网主要版块有：浦北新闻、浦北房产、浦北汽车、浦北招聘、浦北二手、浦北交友、浦北情感、浦北婚嫁、浦北母婴、浦北亲子、浦北健康、浦北旅游、浦北商机等。客服微信：GZ13600490158 QQ：1923236188</p>
</div>
<script type="text/javascript">
function change(element) {
element.style.fontSize = '28px'
element.style.color = '#FF0000'
}
function old(element) {
element.style.fontSize = '24px'
element.style.color = '#B34B4B'
}
</script>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
手抄代码：
