<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>从前有座山</title>
<style>
.AA{width: 100%;height: 200px;background-color: #00FFFF;
border: 5px solid coral;
margin: 50px 0px 10px 0px;font-size:50px;text-decoration: line-through;
text-align: center;}
.BB{width: 200px;height: 200px;background-color: #FFFF00;
margin: -50px 0px 10px 0px; border: 5px solid chartreuse;
overflow: scroll;}
.AA:hover{cursor: pointer;background-color: blueviolet;
transition: 3s;box-shadow: 0px 100px 0px 0px;
}
</style>
</head>
<body>
<div class="AA">上山打老虎</div>
<div class="BB">
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
<h1>BBBBBBB</h1>
</div>
</body>
</html>
原文：http://www.cnblogs.com/buzhiheyan/p/7517852.html