10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水

2022-05-08 73
VIP免费
淘宝购买
下载不了?请联系网站客服提交链接错误!
增值服务: 包调试包成功运行(微信19966519194)
10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水
最近更新 2022年05月09日
资源编号 568026

10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水

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

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

提取码:

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

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

10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>朱冉-音乐排行榜</title>
<link rel="stylesheet" href="music.css" rel="external nofollow" type="text/css"/>

<style type="text/css">
*{margin:0; padding:0;}   /*使用通配符清除所有HTML标记的默认边距*/
div.father{
	width:400px;
	height:400px;
	background:#FC0;	
	margin-top:20px;      /*定义第一个div的上外边距为20px*/
	border-top:1px solid #FCC;       /*定义父div的上边框*/ 
	}
div.son{
	width:200px;
	height:200px;
	background:#63F;	
	margin-top:40px;      /*定义第二个div的上外边距为40px*/
	}

*{
	margin:0;
	padding: 0;
}
/*整体控制歌曲排行版模块*/
.bg{
	width:600px; 
	height:550px; 
	background-image:repeating-radial-gradient(circle at 50% 50%,#333,#000 1%);
	margin:50px auto; 
	padding:40px;  
	border-radius:50%;
	padding-top:50px;
	border:10px solid #ccc;
	}
/*歌曲排名部分*/	
.sheet{
	width:372px; 
	height:530px; 
	background:#fff; 
	border-radius:30px; 
	box-shadow:15px 15px 12px #000; 
	margin:0 auto;}
.sheet p{
	width:372px; 
	height:55px; 
	background:#504d58 url(yinfu.png) no-repeat 70px 20px; 
	margin-bottom:2px;
	font-size:18px; 
	color:#d6d6d6; 
	line-height:55px; 
	text-align:center; 
	font-family:"微软雅黑";
	}
/*需要单独控制的列表项*/		
.sheet .tp{
	width:372px; 
	height:247px;
	background:#fff; 
	background-image:url(http://imgurl.yunjunet.cn/imgs/2021/06/a396e3a3889060ca.jpg),url(http://imgurl.yunjunet.cn/imgs/2021/06/162e2d610bf8cb72.jpg);
	background-repeat:no-repeat;
	background-position:87px 16px,99px 192px;
	border-radius:30px 30px 0 0;
	}
.sheet .yj{border-radius:0 0 30px 30px;}

</style>
</head>
<body>
<div class="bg">
     <div class="sheet">
     	<p class="tp"></p>
     	<p>vnessa-constance</p>
     	<p>dogffedrd-seeirtit</p>
     	<p>dsieirif-constance</p>
     	<p>wytuu-qeyounted</p>
     	<p>qurested-conoted</p>
     </div>
</div>
</body>
</html>
10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践</title>
<style type="text/css">
	/*CSS Document*/
/*将页面中所有元素的内外边距设置为0*/
*{padding:0; margin:0:}
/*控制最外面的大盒子*/
.all{
	width:210px;
 	height:210px;
 	border:1px solid#E1E1E1; 
 	margin:50px auto;
 	 text-align:center;
 }
.header{
	font-size:18 px;
	font-family:"微软雅黑";
    height:40px;
    1ine-height:40px;
    border-bottom:1px dashed #E1E1E1; }
/* .text{
    			width: 300px;
		height: 200px;
		margin: 20px auto;
    }*/
/*.text {
	width: auto;
}*/
.text p{
	font-size:14px; 
}
</style>
<!-- <link rel="stylesheet"href="1.css" rel="external nofollow" type="text/css"/> -->
</head>
<body>
<div class="all">
<div class="text" >
		<img style="float: left;" src="http://imgurl.yunjunet.cn/imgs/2021/06/a15feab0e202acf6.png" >
	<p >实践等于实赚,等你来领钱!</p>
</div>
<div class="image">
<img style="width:210px" src="http://imgurl.yunjunet.cn/imgs/2021/06/5db3afb004275e07.png"/>
</div></div><body>
</html>
限时免费下载渠道
该资源已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注“云炬网络”微信公众号,私信回复关键字“验证码”,获取验证码免费下载该作品。 【注】手机微信扫描二维码快速访问"云炬网络"微信公众号。
资源下载此资源下载价格为2.98元,请先
水流流水平台作品投诉客服电话&微信:19966519194

这个资源对您有用吗?

点击星号为它评分!

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

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

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

让我们改善这篇文章!

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

收藏 (0) 打赏

赞助水流流水平台

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

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

水流流水 其他 10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水 https://yunjunet.cn/568026.html

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

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

相关文章

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

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

10元写的Html网页设计第10次作业——音乐排行榜和实践 – 水流流水-海报

分享本文封面