今天小编跟大家讲解下有关利用iframe在网页中显示天气附效果截图 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关利用iframe在网页中显示天气附效果截图 的相关资料，希望小伙伴们看了有所帮助。
css： 复制代码代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif,"新宋体";} .demo{width:800px;margin:0 auto;} .demo div{margin:40px 0 0 0;} html： 复制代码代码如下: <div class="demo"> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=2&num=5"width="650"height="70"frameborder="0"marginwidth="0"marginheight="0"scrolling="no"></iframe> </div> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=7"style="border:solid 1px red"width="225"height="90"frameborder="0"marginwidth="0"marginheight="0"scrolling="no"></iframe> </div> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=9"width="800"height="60"frameborder="0"marginwidth="0"marginheight="0"scrolling="no"></iframe> </div> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=11"width="500"height="15"frameborder="0"></iframe> </div> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=13"width="650"height="221"frameborder="0"marginwidth="0"marginheight="0"scrolling="no"></iframe> </div> <div> <iframe name="weather_inc"src="http://i.tianqi.com/index.php?c=code&id=19"width="800"height="120"frameborder="0"marginwidth="0"marginheight="0"scrolling="no"></iframe> </div> </div> 部分效果： 我在项目中做了一个下面的效果来源：爱蒂网
