Blogger Information
Blog 15
fans 0
comment 0
visits 8829
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
20180315作业
朱佳楠的博客
Original
896 people have browsed it

代码:

实例

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>20180315作业</title>
<style> 
h3{
color:red;
text-align:center;
font-size:20px;
}
div{
width:400px;
height:500px;
background-image: url(http://img1.cache.netease.com/catchpic/1/15/15D5EFF68F18DED2BD15A8D2C0AC3EEC.jpg);
background-repeat:no-repeat;
background-size:430px 530px;
padding:15px;
box-shadow:5px 5px 5px #888888;/*边框阴影*/
}
.text{
color:yellow;
text-indent:2em;
}
</style>
</head>

<body>
<div>
<h3 onmouseover="change(this)" onmouseout="out(this)">小白兔智胜大老虎</h3>
<p class="text">一天早上,小白兔佳佳出去玩耍。忽然,从树丛中钻出一只老虎。  </p>
<p class="text">小佳佳很害怕,事实想跑已经来不及了。她定了定神,故作镇静地问:“你是谁?”大老虎回答:“你连我都不认识?告诉你吧,我就是森林大王老虎!” “那年,动物们都选我做大王,我没有当,想不到被你捡去当了。”佳佳说。 老虎吃惊地说:“就你这小不点也能大森林大王?” 佳佳接着说:“不信,我们就来比比谁的本事大。就比谁能跳过这条小河吧。” </p>
<p class="text">老虎见这条河不宽不窄,便答应了,老虎先跳,等他跳过河后,回头一看,兔子佳佳不见了。老虎急了,大喊:“小不点儿,你跑哪了,快出来呀!”这时,从老虎身后传来了佳佳的声音:“大喊大叫什么呀,我不是跳过来了吗?而且,我不仅跳得比你快,比你远,我过来还吃了一个大家伙呢!~” 老虎定睛一看,兔子嘴边沾了几根老虎毛,便问:“你吃了什么呀?”佳佳回答:“哪个东西的个头跟你差不多!~” 老虎听了,拔腿就跑。它哪知道,兔子是咬着他的尾巴过来的。</p>
</div>
<script>
function change(element){
element.style.fontSize = '22px';
element.style.color = 'yellow';
}
function out(element){
element.style.fontSize = '20px';
element.style.color = 'red';
}
</script>
</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

手写代码:


~MN9WE%H}HZ7_}MO7U)%S%A.pngF1{6W~5W{FUG~X~7%){[PBH.png

Correction status:Uncorrected

Teacher's comments:
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!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post