<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>作业3-16</title>
<style type="text/css" media="screen">
.text {
color:#363636;
text-indent: 2em;
line-height: 3em;
}
div{
margin:0 auto;
width:400px;
height:400px;
border:1 solid red;
padding: 15px;
/* 圆角设置 */
border-radius:300px;
box-shadow:16px 16px 16px #868686;
/* 背景图片 */
background-image:url(images/bj.jpg);
background-size:430px 280px;
background-repeat:no-repeat;
}
.bt{
color:yellow;text-align:center;font-size:30px;
}
.main{
color:red;font-size:18px;
text-indent:2px;
line-height:2em;
}
</style>
</head>
<body>
<div>
<h3 onmouseover="change(this)" onmouseout="old(this)">侠客行</h3>
<p class="text">
唐代：李白
赵客缦胡缨，吴钩霜雪明。
银鞍照白马，飒沓如流星。
十步杀一人，千里不留行。
事了拂衣去，深藏身与名。
闲过信陵饮，脱剑膝前横。
将炙啖朱亥，持觞劝侯嬴。
三杯吐然诺，五岳倒为轻。
眼花耳热后，意气素霓生。
救赵挥金槌，邯郸先震惊。
千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。
谁能书阁下，白首太玄经。 </p>
</div>
<script>
function change (element) {
element.style.fontSize='60px';
element.style.color='green';
}
function old (element) {
element.style.fontSize='30px';
element.style.color='red';
}
</script>
</body>
</html>
