Blogger Information
Blog 7
fans 0
comment 0
visits 4345
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第一课作业(2018.3.15)抄写代码及制作一个网页
漫云的博客
Original
822 people have browsed it

今天补全3.15的作业

代码:

实例

<!doctype html>
<html lang="en">
<head>
<style type="text/css">
    div{
    	width: 400px;
    	height: 320px;
    	/*border: 1px solid blue;*/
    	padding: 15px;
    	/*background-color: orange;*/
    	background-image: url(images/8.jpg);
    	background-size: 400px 280px;
    	background-repeat: no-repeat;
    	border-radius: 20px;
    	box-shadow: 8px 8px 8px #888;

    }
    .text {
    	color: #363636;
    	line-height: 2em;
    }
	</style>
	<meta charset="UTF-8">
<div>
	<h3 style="color: blue;text-aLigh: center;font-size: 20px;" onmouseover="change(this)"
	onmouseout="old(this)">自健的老婆撞衫了</h3>
</head>
<body>
<p class="text">自健:老婆:今儿这是怎么了,闷闷不乐的!
老婆:撞衫了。
<br>自健:你平常不是不太在乎这事嘛?</br>
老婆:你是不知道,跟人撞衫也就算了!我跟宜家的沙发撞衫了!我今天穿这衣服跟宜家那沙发颜色一模一样!</br>
自健:人你都不在乎,沙发你在乎什么?
老婆:你是不知道,我跟宜家的沙发这么一撞衫,一个小伙子,咣!一屁股就坐我身上!</p>
</div>
<script type="text/javascript">
	function change(element){
		element.style.fontSize = '24px'
		element.style.color = 'red'
	}
	function old(element){
		element.style.fontSize = '20px'
		element.style.color = 'blue'
	}
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


315作业.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