html页面展示天气

版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/ItChuangyi/article/details/80728981

记录怎么在html页面显示当地天气情况。

html代码

<!-- 天气 -->
<div class="weather">
   <iframe width="200" scrolling="no" height="65" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1">
   </iframe>
 </div>

css代码

.weather { 
    background: url(../images/weather_bg2.jpg) no-repeat;width:250px; 
    height: 88px; 
    margin: 10px 2px 10px 6px;
    padding: 20px 2px 2px 65px; 
}

背景图片

显示效果