新闻页面1.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. body {
  9. font-size: 16px;
  10. line-height: 28px;
  11. font-family: "Microsoft YaHei";
  12. }
  13. h1 {
  14. font-weight: 400;
  15. text-align: center;
  16. }
  17. .camelCase {
  18. color: #88888888;
  19. font-size: 12px;
  20. text-align: center;
  21. }
  22. .camelCase a {
  23. text-decoration: none;
  24. }
  25. .search {
  26. width: 170px;
  27. }
  28. .camelCase1 {
  29. font-weight: 700;
  30. }
  31. p {
  32. text-indent: 2em;
  33. }
  34. h4 {
  35. text-align: center;
  36. }
  37. .image {
  38. text-align: center;
  39. }
  40. .ContentEnd {
  41. color: #88888888;
  42. font-size: 12px;
  43. }
  44. /* 默认状态(未访问) */
  45. a:link {
  46. color: #1a73e8;
  47. text-decoration: none;
  48. }
  49. /* 已访问状态 */
  50. a:visited {
  51. color: #681da8;
  52. }
  53. /* 鼠标悬停 */
  54. a:hover {
  55. color: #d93025;
  56. text-decoration: none;
  57. }
  58. /* 键盘聚焦 */
  59. a:focus {
  60. outline: 3px solid #fbbc04;
  61. background-color: #fef7e0;
  62. }
  63. /* 按下瞬间 */
  64. a:active {
  65. transform: scale(0.98);
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <h1>北方高温明日达鼎盛 京津冀多地地表温度将超60℃</h1>
  71. <div>
  72. <div class="camelCase">
  73. 2019-07-03 16:31:47 来源: <a href="#">中国天气网 </a>
  74. <input type="text" placeholder="请输入查询条件" class="search">
  75. <button class="camelCase1">查询</button>
  76. </div>
  77. <hr>
  78. <p>
  79. 中国天气网讯 今天(3日),华北、黄淮多地出现高温天气,截至下午2点,北京、天津、郑州等地 气温突破35℃。预报显示,今后三天(3-5日),这一带的高温天气将继续发酵,高温范围以及强度将在4
  80. 日达到鼎盛,预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃,其中北京和石家庄的最 高气温还有望创今年以来的新高。
  81. </p>
  82. <div class="image">
  83. <h4>气温41.4℃!地温66.5!北京强势迎七月首个高温日</h4>
  84. <img src="./图片/pic.jpeg" alt="">
  85. </div>
  86. <p>
  87. 今天,华北、黄淮一带的高温持续发酵,截至今天下午2点,陕西北部、山西西南部、河北南部、北 京、天津、山东西部、河南北部最高气温已普遍超过35℃。大城市中,北京、天津、郑州均迎来高温日。
  88. </p>
  89. <p>
  90. 在阳光暴晒下,地表温度也逐渐走高。今天下午2点,华北黄淮大部地区的地表温度都在50℃以上,部 分地区地表温度甚至超过60℃。其中,河北衡水地表温度高达68.3℃,天津站和北京站附近的地表温度分
  91. 别高达66.6℃和66.5℃。
  92. </p>
  93. <h4>
  94. 明日热度再升级!京津冀携手冲击38℃+
  95. </h4>
  96. <p>
  97. 中国天气网气象分析师王伟跃介绍,明天(4日),华北、黄淮地区35℃以上的高温天气还将继续升 级,并进入鼎盛阶段,高温强度和范围都将发展到最强。明天,北京南部、天津大部、河北中部和南
  98. 部、山东中部和西部、山西南部局地、河南北部、东北部分地区的最高气温都将达到或超过35℃。
  99. </p>
  100. <p>
  101. 不过,专家提醒,济南被雨水天气完美绕开,因此未来一周,当地的高温还会天天上岗。在此提醒当 地居民注意防暑降温,防范持续高温带来的各种不利影响。(文/张慧 数据支持/王伟跃 胡啸 审核/刘文 静 张方丽)
  102. </p>
  103. <p class="ContentEnd">
  104. 本文来源:中国天气网 责任编辑:刘京_NO5631
  105. </p>
  106. </div>
  107. </body>
  108. </html>