在家制作网页

最新推荐文章于 2024-07-25 09:24:40 发布

syy敬礼

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量82

点赞数 1

文章标签：前端 javascript html 大数据

本文链接：https://blog.csdn.net/m0_58987051/article/details/125819757

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>国内疫情数据</title>
<style>
body{
	background-color:#10AEB5;
	margin:0;
}

	
</style>
<script src="../echarts.js">
</script>
</head>

<!--银白色区域 -->
<body>
<div style="height:50px;background-color:#F8F8F9;">
<img src="银色区域的百度.PNG" style="height:50px; position:absolute; left:3%;">
<a href="https://www.baidu.com"><p align="right" style=" position:absolute; right:4%; font-size:24px; font-family:'黑体'; top:-10px;">百度首页</p></a>

</div>
<!--页眉 -->
<div>
<header style="position:absolute; left:28%; ">

<div style="float: left;  position:relative;">
<img src="百度.PNG" style=" width:100px; height:50px"><!--添加百度图片 -->
<!--添加页眉文字 -->
<h3 style="font-size:1rem;color:#D0E9EC;margin:0; ">新型冠状病毒肺炎</h3>
<h1 style="font-size:2rem;;color:#D0E9EC; margin:0; position:relative; top:5px; "><span>疫情实时大数据报告</span></h1>
<div style="background-color:rgba(9,148,167,.5);color:#D0E9EC; width:230px; border-radius:2rem; font-size:.9rem;"><p align="center">数据来源于国家和省市卫健委</p></div>


</div>

<!--添加新冠肺炎图片 -->
<div style="float: left; position:relative;">
<img src="新冠肺炎.PNG" style="