欢迎来到入门教程网!

CSS/HTML

当前位置:主页 > 网页制作 > CSS/HTML >

利用iframe在网页中显示天气附效果截图

来源:本站原创|时间:2020-01-10|栏目:CSS/HTML|点击:

css:

复制代码
代码如下:

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* demo */
.demo{width:800px;margin:0 auto;}
.demo div{margin:40px 0 0 0;}

html:

复制代码
代码如下:

<div class="demo">
<div>
<iframe name="weather_inc" src="/a1/uploads/allimg/200110/144Q92022-0.jpg" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="/a1/uploads/allimg/200110/144Q92056-1.jpg" 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="/a1/uploads/allimg/200110/144Q96425-2.jpg" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="/a1/uploads/allimg/200110/144Q92927-3.jpg" width="500" height="15" frameborder="0"></iframe>
</div>
<div>
<iframe name="weather_inc" src="/a1/uploads/allimg/200110/144Q91608-4.jpg" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="/a1/uploads/allimg/200110/144Q915Z-5.jpg" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>

部分效果:
 
我在项目中做了一个下面的效果

上一篇:通过html为FLASH加链接的实现代码(div层)

栏    目:CSS/HTML

下一篇:vue中的css样式布局,vue添加css样式

本文标题:利用iframe在网页中显示天气附效果截图

本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9745.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有