简单的web天气预报界面制作

<!DOCTYPE html>

<head>

</head>

<body>

<h1>炎热！广东雷州半岛局地最高温可达37℃ 有分散性雷阵雨</h1>

2019-07-03 16：31：47 来源：<a href="#">中国天气网</a>

</div>

<hr>

<p>

中国天气网讯今天（25日）开启了端午假期，总体来看，端午假期期间多地雨水在线，

贵州到江南一带降雨先强后弱，四川盆地、黄淮等地降雨则是假期后段明显增强，

此外东北、华北等地多阵雨或雷阵雨。气温方面，江南南部、华南一带闷热持续，

北方多地气温则多波动。

</p>

<h4>局部有强降雨</h4>

</p>

<p>

6月20日以来，贵州、重庆至长江中下游一带经历了入汛以来最强降雨过程，这轮强降雨过程的特点是持续时间长、强度大等。昨天，强降雨还在持续，贵州东南部、广西中部、湖南中南部、江西中北部、安徽东南部、浙江北部和东部、福建西北部及云南西北部等地出现大到暴雨中部、江西中部及贵州黔南州和黔东南州、湖南怀化和长沙等局地大暴雨，广西百色局地特大暴雨（316毫米），广西柳州和百色局地最大小时降雨量104～107毫米；山西中南部、河北、北京南部和西北部等地部分地区降中到大雨，河北承德、石家庄局地暴雨，山西长治局地大暴雨（127毫米）。

</p>

<h4>降雨持续增多</h4>

<p>

今天，广西、湖南等地部分地区强降雨持续，雨带东段强降雨范围收缩。明后天，江南华南降雨逐渐减弱停歇，但西北地区东部、四川盆地、黄淮等地降雨增多增强。

</p>

<p>

同时，受到冷涡系统影响，端午假期期间，华北、东北部分地区多阵雨或雷阵雨天气，局地还可能会伴有冰雹、短时强降水等强对流天气。

</p>

<p>

具体来看，今天，甘肃南部、河北东部、山东西北部、辽宁东部、广西中东部、湖南南部、广东北部、江西西部和东北部、福建西北部、浙江中西部、上海、云南西部和南部、西藏东南部等地的部分地区有大到暴雨，其中，广西东北部局地有大暴雨（100～150毫米）。

</p>

转载请注明“来源：中国天气网”

</p>

</body>

</html>

h1{

text-align: center;

font-weight: 400;

}

body{

font: 16px/28px "microsoft yahei"

}

.date {

color: #888888;

font-size: 12px;

text-align: center;

}

a {

text-decoration: none;

}

input {

color: #666666;

font-size: 12px;

width: 170px;

}

.search {

color: #000;

font-weight: 700;

}

p {

text-indent: 2em;

}

.tupian {

text-align: center;

}

.footer {

color: #888888;

font-size: 12px;

}

简单的web天气预报界面制作相关推荐

php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
python tkinter库、添加gui界面_使用Python中tkinter库简单gui界面制作及打包成exe的操作方法（二）...
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二),创建一个,界面,布局,文件,路径使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二) ...
web实验2 制作简单网页（HTML+CSS）
web实验2 制作简单网页(HTML+CSS) 一.实验目的 1．掌握文本样式的设置. 2．掌握图像样式的设置. 3．掌握各种媒体的插入方法. 二.实验内容采用DIV+CSS,制作"在线电 ...
iOS简单的界面制作（第一周）
[iOS]简单的界面制作一. 整体构思二.分栏控制器三.首页四."我的"页面一. 整体构思需要写一个简单界面,第一个界面为"首页",第二个界面为&q ...
html简单的登录界面制作
html简单的登录界面制作话不多说,老铁们直接拿代码去用吧. <!DOCTYPE html> <html><head><meta charset=" ...
pyqt5制作简单的视频播放器（一）：界面制作
刚学不久的pyqt,试着做了个简单又随便还略带一点点low的视频播放器一.使用Qt designer制作界面(Qt designer安装方法参开别人的博客) 打开Qt designer,会自动弹出图 ...
在Web开发中制作个人简历（超简单版）
在Web开发中制作个人简历(超简单版) 文章目录一.个人简历效果二.部分代码解析三.完整代码四.实验小结一.个人简历效果二.部分代码解析开头有部分代码以及在之前的文章中解析过,如果想看具 ...
简单的连接数据库的Web登录界面
简单的连接数据库的Web登录界面一.需求分析实现在登录界面输入用户名和密码,连接数据库,与数据库信息进行比对,若用户名和密码相互匹配,则显示登陆成功,若不正确,选择重新输入. 二.工具 1.MyS ...
web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...

简单的web天气预报界面制作

简单的web天气预报界面制作相关推荐

最新文章

热门文章