博客列表 >3.15作业

3.15作业

宋的博客
宋的博客原创
2018年03月16日 16:23:38573浏览

<!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>

3.15.jpg

上一条:0315作业下一条:第一天作业
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议