3-15-前端初体验

这是我在PHP中文网第一天的作业

实例

<meta charset="utf-8">

<style type="text/css">

div {

width: 400px;

height:250px;

padding: 15px;

border-radius: 15px;

box-shadow: 5px 5px 5px #888;

/*background-color: #efefef;*/

background-image: url(http://mpic.tiankong.com/a69/ed4/a69ed46274aa294eaeaec5babe74a642/640.jpg);

background-size: 430px 280px;

background-repeat: no-repeat;

}

.text {

color:#363636;

text-indent: 2em;

line-height: 1.5em;

}

</style>

<div>

<h3 style="color:brown;text-align: center;font-size:20px" onmouseover="change(this)"

onmouseout="old(this)" 



>妈妈的担心</h3>

<p class="text">妈妈语重心长的对女儿说，“从小你就不聪明，累死累活的才考上个大学，毕业后还找不到工作，现在司机要男的、编辑要男的、会计要男的、连秘书也指定要男的，妈实在为你操碎了心啊。”女儿，“555555……。”妈妈一抹脸，坚定的说，“所以趁现在老婆还能是女人，赶紧上岗，要不然过两年……”</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 = 'brown'

}

</script>