5元写的Html网页设计第15次作业——风中的麦浪- 水流流水

2022-05-12 73
VIP免费
淘宝购买
下载不了?请联系网站客服提交链接错误!
增值服务: 包调试包成功运行(微信19966519194)
5元写的Html网页设计第15次作业——风中的麦浪- 水流流水
最近更新 2022年05月12日
资源编号 568038

5元写的Html网页设计第15次作业——风中的麦浪- 水流流水

郑重承诺丨水流流水提供安全交易、信息保真!
增值服务:
包调试包成功运行(微信19966519194)
个人简历网页定制
域名注册
域名备案
服务器部署
网页上线
代解压
代下载
代格式转换
请加微信1996519194
¥ 2.98 (VIP免费升级VIP开通VIP尊享优惠特权
立即购买 淘宝购买 升级会员
详情介绍

链接:pan.baidu.com/s/1nsI6FE

提取码:

此隐藏内容查看价格为2.98元,请先
水流流水平台作品投诉客服电话&微信:19966519194

–来自百度网盘超级会员V4的分享

5元写的Html网页设计第15次作业——风中的麦浪- 水流流水
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>朱冉-第十五次作业</title>
		<style type="text/css">
						*{margin: 0;padding: 0;}
			#box-video{
				width: 100%;
				height: 100%;
				position: absolute;
				overflow: hidden;
			}
			#box-video video{
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -1350px;
				margin-top: -540px;
			}
			.cd{
				width: 422px;
				height: 422px;
				position: absolute;
				top: 25%;
				left: 10%;
				z-index: 2;
				border-radius: 50%;
				border: 10px solid #fff;
				box-shadow: 5px 5px 15px #000;
				background:url(http://imgurl.yunjunet.cn/imgs/2021/06/52d867ee0a97be6e.jpg) no-repeat;
				}
				.center{
					width: 100px;
					height: 100px;
					background-color: #000;
					border-radius: 50%;
					position: absolute;
					top:88%;
					left:88%;
					margin-left: -50%;
					margin-top:-50%;
					z-index: 3;
					border: 5px solid #fff;
					background-image: url(http://imgurl.yunjunet.cn/imgs/2021/06/d3fd9c539217e327.gif);
					background-position: center center; 
					background-repeat: no-repeat;
				}
				.song{
					position: absolute;
					top: 50%;
					left:50%;
				}
				@font-face {
					font-family:书体坊米芾体;
					src: url(http://home.ustc.edu.cn/~yunju/music/MD.tff);
				}
				h2{
					font-family:书体坊米芾体;
					font-size: 110px;
					color: #913805;
				}
				p{
					width: 556px;
					height: 300px;
					font-family: "微软雅黑";
					padding-left:30px;
					line-height: 30px;
					background: url(http://imgurl.yunjunet.cn/imgs/2021/06/c55afde7a1199dd5.png) repeat-x;
					box-sizing: border-box;
				}

		</style>
	</head>
	<body>
		<div class="box-video">
			<video src="http://home.ustc.edu.cn/~yunju/music/mailang.webm" autoplay="autoplay" loop >浏览器不支持video标签</video>
			<div class="cd">
				<div class="center"></div>
				</div>
				<div class="song">
					<h2>风中的麦浪</h2>
					<p>爱过的地方<br/>当微风带着收获的味道<br/>吹向我脸旁<br/>想起你轻柔的话语<br/>曾打湿我眼眶<br/>
					嗯...啦...嗯...啦...<br/>我们曾在田野里歌唱<br/>在冬季盼望<br/>却没等到阳光下</p>
					<audio src="http://home.ustc.edu.cn/~yunju/music/mailang.mp3" autoplay="autoplay" loop></audio>
				</div>
		</div>
	</body> 
</html>
 
限时免费下载渠道
该资源已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“云炬网络”微信公众号,私信回复关键字“验证码”,获取验证码免费下载该作品。 【注】手机微信扫描二维码快速访问"云炬网络"微信公众号。
资源下载此资源下载价格为2.98元,请先
水流流水平台作品投诉客服电话&微信:19966519194

这个资源对您有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

收藏 (0) 打赏

赞助水流流水平台

打开微信扫一扫,转账到企业微信即可,分享从这里开始,精彩与您同在
点赞 (0)

如发现侵权作品,请联系微信19966519194删除

水流流水 其他 5元写的Html网页设计第15次作业——风中的麦浪- 水流流水 https://yunjunet.cn/568038.html

天津云炬网络科技有限公司CEO

常见问题
  • 请放心亲!发送一个文件或者不发对我们来讲成本都是一样,都是很便宜的东西,我们不会为了几十元的东西而坏了名声。
查看详情
  • ​ 方法一、双击html浏览器打开网页 方法二:html文件点击右键,选择记事本打开,ios电脑或者部分电脑可能没有此功能。 方法三:软件打开》单机html文件鼠标不放拖到软件打开,或者通过方法二的右键打开方式》选择软件打开
查看详情
  • 备注“您的注册邮箱+人工服务”添加微信19966519194,将网盘或代下文档链接发给客服即可
查看详情
  • 可以开发票,请备注"发票”添加客服微信19966519194开具发票
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

5元写的Html网页设计第15次作业——风中的麦浪- 水流流水-海报

分享本文封面