Blogger Information
Blog 20
fans 2
comment 0
visits 15004
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0315牛刀初试
麦小糖的博客
Original
850 people have browsed it

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>诗词汇</title>

<style type="text/css">

div{

width: 400px;

height: 250px;

padding: 15px;

text-indent: 2em;

background-image: url(image/test.jpeg);

background-size: 430px 280px;

background-repeat: no-repeat;

border-radius: 15px;

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

}

h3{

text-align: center;

color: brown;

font-size: 20px;

}

.test{

color: #363636;

line-height: 1.5em;

}

</style>


</head>

<body>

<div>

<h3 onmouseover="change(this)" onmouseout="old(this)">临江仙</h3>

   <p>滚滚长江东逝水,浪花淘尽英雄。是非成败转头空。青山依旧在,几度夕阳红。</p>

   <p clase="test">白发渔樵江渚上,惯看秋月春风。一壶浊酒喜相逢。古今多少事,都付笑谈中。</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>

0315作业.JPG

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