博客列表 >2018.3.15 practice1

2018.3.15 practice1

小学僧的博客
小学僧的博客原创
2018年03月16日 10:45:59679浏览

手写链接:https://www.llheng.com/img/index.html

注:图片显示过大,采用外链;手写后上传的文件  更改了部分路径和文件名,所以手写的url处略有区别

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>盗墓笔记</title>
<style type="text/css">
div{
width: 400px;
height: 260px;
border:1px solid gray;
padding: 15px;
/*background-color:#F0F8FF;*/
background-image: url(https://www.llheng.com/img/0316/backgound.jpg);
background-size: 430px  290px;
background-repeat: no-repeat;
border-radius: 10px;
box-shadow:5px 5px 5px #888;
}
.p1{
color:#F0F8FF;
line-height: 1.5em;
text-indent:30px;
font-size: 16px;
font-family:Microsoft YaHei  ;
}
</style>
</head>
<body>
<div>
<h3  onmouseout="out(this)" onmouseover="over(this)" style="color:#F0E68C;text-align: center;"/>盗墓笔记</h3>
<p class="p1">我看到闷油瓶注意到了我们这边,把头转了一转,正看到我和胖子的脸,他突然意味深长地笑了笑,动了动嘴巴,说的是:“再见”。
接着他就走入了青铜巨门之中,瞬间消失在了黑暗中。我目瞪口呆地看着他,脑袋几乎要炸裂了一样。</p>
<p class="p1">很快整队的“阴兵”走入了青铜巨门之中,地面猛然一震动,巨型的大门瞬间便合紧成了一个整体。</p>
</div>
</body>
</html>
<script>
function over(title_c){
title_c.style.fontSize = '24px'
title_c.style.color = '#FFD700'
}
function out(title_c){
title_c.style.fontSize ='20px'
title_c.style.color = '#F0E68C'
}
</script>

运行实例 »

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


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