欢迎来到资源库(www.zyku.net)

HTML/Xhtml

当前位置:首页 > 网页制作 > HTML/Xhtml > iframe

HTML去除iframe外边框的方法

时间:2021-07-08|栏目:HTML/Xhtml|点击:|我要投稿

在html页面上添加一个iframe,可以有方便的引入其他站点的内容了。但这个iframe默认是有一个边框的,如果你想把边框去除,你知道怎么设置吗?我们来看一下。

在html里,我们先添加一个iframe,

如何去除iframe的边框

运行页面,可以看到iframe页面出来了,默认是有一个黑色边框的。

如何去除iframe的边框

要去除掉这个边框也很简单,先在iframe上添加一个样式。

如何去除iframe的边框

在样式里,我们直接使用border: medium none;来去掉边框就行了。

如何去除iframe的边框

运行页面,可以看到现在已经看不到有边框了。

如何去除iframe的边框

有时直接去掉边框也不是很好,现在就看不清哪里是边界了。我们可以设置一个淡一点的,浅色一点的边框,代码如图。

如何去除iframe的边框

可以看到现在的边框颜色较浅,显示效果还是可以的。

如何去除iframe的边框

(资源库 www.zyku.net)

原文链接:https://jingyan.baidu.com/article/db55b609509bc80ba20a2f1c.html

上一篇:HTML+CSS布局图标文字混排

栏    目:HTML/Xhtml

下一篇:html中iframe如何设置高度和宽度

本文标题:HTML去除iframe外边框的方法

本文地址:https://www.zyku.net/xhtml/2289.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

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

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

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务