<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一节课作业</title>
<style type="text/css">
body{ font-family: "Microsoft YaHei";
}
.content{
width:500px;
height: 500px;
/* background-color: red;*/
margin:0 auto;
background:url(http://img3.xiazaizhijia.com/walls/20150929/mid_13fb67f940f288e.jpg) no-repeat center;
box-shadow: 10px 10px 5px #666;
border-radius:250px;
}
h2{
color:#f6115b;
text-align: center;
padding-top: 140PX;
text-shadow:5px 2px 6px #000;
font-size: 28px;
}
p{
padding: 0 10px;
text-indent: 2em;
font-size: 25px;
}
</style>
</head>
<body>
<div class="content">
<h2 onmousemove="ru(this)" onmouseout="chu(this)">漂亮的女同事</h2>
<p>有位非常漂亮的女同事，有天起晚了没有时间化妆便急忙冲到公司。结果那天她被记旷工了……吃惊</p>
</div>
<script type="text/javascript">
function ru(element){
element.style.color='#888535';
element.style.fontSize='35px';
}
function chu(element){
element.style.color='#f6115b';
element.style.fontSize='28px';
}
</script>
</body>
</html>
