【HTML】第一天作业

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一天作业</title>
<style type="text/css">
div{
width: 400px;
height: 650px;
/*border: 1px solid red;*/
padding: 15px;
background-image: url(images/1.jpg);
background-size: 430px 680px;
background-repeat:no-repeat;
border-radius: 25px;
box-shadow: 6px 6px 6px #888;
}
.text{
color: #363636;
line-height: 1.5em;
}
</style>
</head>
<body>
<div>
<h3 style="color:#9B30FF;text-align:center;font-size:20px" onmouseover="change(this)" onmouseout="old(this)">长城干红：三毫米的旅程 一颗好葡萄要走十年</h3>
<p> 
三毫米，<br> 
瓶壁外面到里面的距离。<br> <br> 
不是每颗葡萄，<br>  都有资格踏上这三毫米的旅程。<br>  它必是葡园中的贵族； <br> 占据区区几平方公里的沙砾土地； <br> 坡地的方位像为它精心计量过， <br> 刚好能迎上远道而来的季风。 <br> 它小时候，没遇到一场霜冻和冷雨；<br>  旺盛的青春期，碰上十几年最好的太阳； <br> 临近成熟，没有雨水冲淡它酝酿已久的糖份； <br> 甚至山雀也从未打它的主意。 摘<br> 了三十五年葡萄的老工人， <br> 耐心地等到糖粉和酸度完全平衡的一刻<br>  才把它摘下；<br> 
酒庄里最德高望重的酿酒师，<br>  每个环节都要亲手控制，小心翼翼。<br>  而现在，一切光环都被隔绝在外。 <br> 黑暗、潮湿的地窖里， <br> 葡萄要完成最后三毫米的推进。<br>  天堂并非遥不可及，再走十年而已。</p>
</div>
<script type="text/javascript">
function change(element){
element.style.fontSize = '24px'
element.style.color = 'green'
}
function old(element){
element.style.fontSize = '20px'
element.style.color = '#9B30FF'
}
</script>
</body>
</html>
相关文章
