<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.15我的第一节课</title>
<style type="text/css">
div {
width: 500PX;
height: 770PX;
/*border: 1px solid red;*/
padding: 15px;
/* background-color: green;*/
background-image: url(images/3.jpg);
background-size: 530px 800px;
background-repeat: no-repeat;
border-radius: 15px; /*圆角*/
box-shadow: 5px 5px 5px #888; /*阴影 颜色灰色*/
}
.text{
color: #363636;
line-height: 1.5em;
text-indent: 2em;
}
/* 设置样式标签属性:颜色,行间距,每个段落前2个字母*/
</style>
</head>
<body>
<div>
<h1 style="color:red;text-align:center;font-size:20px;
"onmouseover="change(this)"onmouseout="old(this)";>很冷的笑话</h1>
<!-- 标题颜色,文本居中,字体大小 -->
<br>
<br>
<p> 一女生问他男朋友,</p>
<p>你觉得杨幂漂亮还是佟丽娅漂亮?</p>
<p>男生望着女孩问,难道选项里面不加你吗?</p>
<p>女孩听了掩不住笑容</p>
<p>娇羞的问,那。。杨幂,佟丽娅还有我,谁比较漂亮?</p>
<p>男生:杨幂..</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 = 'gray'
}
</script>
</body>
</html>