<!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>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
