前端05-CSS-案例2：新聞頁面
阿新 • • 發佈：2020-10-10
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新聞頁面</title> <style> body { font: 16px/28px "Microsoft Yahei"; } h1{ text-align: center; font-weight: 400; } a { text-decoration: none; } .nav { color: #888888; font-size: 12px; text-align: center; } .search { color: #666666; font-size: 13px; width: 170px; } .btn { font-weight: 700; font-size: 13px; } p { text-indent: 2em; } .pic { /* 想要圖片居中對齊，則讓它的父親標籤新增就水平居中樣式 */ text-align: center; } .footer { color: #888888; font-size: 12px; } </style> </head> <body> <h1>北方高溫明日達鼎盛 京津冀多地地表溫度將超60℃</h1> <div class="nav"> 2019-07-03 16:31:47 來源: <a href="#">中國天氣網</a> <input type="text" name="search" id="" value="請輸入查詢條件" class="search"> <input type="button" value="搜尋" class="btn"> </div> <hr> <p>今天（3日），華北、黃淮多地出現高溫天氣，截至下午2點，北京、天津、鄭州等地氣溫突破35℃。預報顯示，今後三天（3-5日），這一帶的高溫天氣將繼續發酵，高溫範圍以及強度將在4日達到鼎盛，預計北京、天津、石家莊、濟南等地明天的最高氣溫有望突破38℃，其中北京和石家莊的最高氣溫還有望創今年以來的新高。 </p> <h4>氣溫41.4℃！地溫66.5！北京強勢迎七月首個高溫日</h4> <p class="pic"><img src="./images/pic.jpeg" alt="高溫日"></p> <p>今天，華北、黃淮一帶的高溫持續發酵，截至今天下午2點，陝西北部、山西西南部、河北南部、北京、天津、山東西部、河南北部最高氣溫已普遍超過35℃。大城市中，北京、天津、鄭州均迎來高溫日。</p> <p>在陽光暴晒下，地表溫度也逐漸走高。今天下午2點，華北黃淮大部地區的地表溫度都在50℃以上，部分地區地表溫度甚至超過60℃。其中，河北衡水地表溫度高達68.3℃，天津站和北京站附近的地表溫度分別高達66.6℃和66.5℃。 </p> <h4>明日熱度再升級！京津冀攜手衝擊38℃+</h4> <p>中國天氣網氣象分析師王偉躍介紹，明天（4日），華北、黃淮地區35℃以上的高溫天氣還將繼續升級，並進入鼎盛階段，高溫強度和範圍都將發展到最強。 明天，北京南部、天津大部、河北中部和南部、山東中部和西部、山西南部局地、河南北部、東北部分地區的最高氣溫都將達到或超過35℃。 </p> <p> 不過，專家提醒，濟南被雨水天氣完美繞開，因此未來一週，當地的高溫還會天天上崗。在此提醒當地居民注意防暑降溫，防範持續高溫帶來的各種不利影響。（文/張慧 資料支援/王偉躍 胡嘯 稽核/劉文靜 張方麗）</p> <p class="footer"> 本文來源：中國天氣網 責任編輯：劉京_NO5631</p> </body> </html>