Blogger Information
Blog 3
fans 0
comment 0
visits 1940
Related recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月15日作业
小徐的博客
Original
556 people have browsed it

今天是第一天在php中文网学习!

代码:

<!DOCTYPE html>

<html> 

<head>

<style type="text/css">

div {

width:400px;

height:250px;

/*border:1px solid red;*/

padding:15px;

/*background-color:yellow;*/

background-image:url("1.jpg");

background-size:430px 280px;

background-repeat:no-repeat;

border-radius:20px;

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

}

.text{

color:#363636;

line-height:1.5em;

text-indent:2em;

}

</style>

<meta charset="utf-8">

</head>

<body>


<div>

<h3 style="color:brown;text-align:center;font-size:20px;" onmouseover="change(this)" onmouseout="old(this)">发现真实的距离</h3>

<p>人生的路上,我们都在奔跑,我们总在赶超一些人,也总在被一些人超越。人生的要义,一是欣赏沿途的风景,二是抵达遥远的终点。人生的秘诀,就在于寻找一种最适合自己的速度,莫因疾进而不堪重荷,莫因迟缓而空耗生命。人生的快乐,就是走自己的路,看自己的景<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="brown"

}

</script>

</body>

</html>

手写代码:IMG_7565.JPG

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post