博客列表 >黎伟锋代码作业

黎伟锋代码作业

哈的博客
哈的博客原创
2018年03月16日 15:53:23628浏览

<!DOCTYPE html>    

<html lang="en">    

<head>    

<meta charset="UTF-8">    

<title>黎伟锋作业</title>    

<style>    

div{    

width: 400px;    

height: 200px;    

border: 1px solid red;    

padding: 20px;    

background-image: url(http://img.zcool.cn/community/0142135541fe180000019ae9b8cf86.jpg@1280w_1l_2o_100sh.png);    

background-size: 440px 240px,    

border-repeat:no-repeat;    

border-radius: 15px;    

box-shadow: 7px 7px 3px #888;    

}    

.taxt{    

    color: green;    

    line-height: 1.5em;    

    text-indent:2em;    

}    

</style>    

</head>    

<body>    

<div>    

<h2 style="color:blue;font-size:25px;text-align:center "onmouseover="change(this)" onmouseout="old(this)">时间的流逝</h2>    

<p class="taxt">夕阳西下,残光逝去。蓦然回首,只见成长的路上留下了一片回忆。童年也渐渐地离我远去,无法挽回、只好叹息。童年的村落,童年的记忆。</p>    

<p class="taxt">现在让我们共同寻找童年的记忆。</p>    

</div>    

<script type="text/javascript">    

function=change(elemet){    

elemet.style.font-size='30px'    

elemet.style.color='red'    

}    

function=old(elemet){    

elemet.style.font-size='25px'    

elemet.style.color='blue'}    

</body>    

</html>    


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议