HTML iframe

iframe用于在网页中显示网页。 iframe语法：使用<iframe>标记定义HTML iframe ：

<iframe src="URL"></iframe>

该src属性指定内联框架页面的URL（Web地址）。例如：

<iframe src="https://www.cainiaoya.com/"></iframe>

尝试一下

Iframe | 设置高度和宽度

使用height和width属性指定iframe的大小。默认情况下，属性值以像素为单位指定，但它们也可以是百分比（如“20％”）。例如：

<iframe src="https://www.cainiaoya.com/" height="200" width="300"></iframe>
        <!-- 或者您可以使用CSS来设置iframe的高度和宽度 -->

        <iframe src="https://www.cainiaoya.com/" style="height:200px;width:300px;"></iframe>

尝试一下

iframe | 删除边框

默认情况下，iframe周围有边框。要删除边框，请添加style属性并使用CSS border属性：例如：

<iframe src="https://www.cainiaoya.com/" style="border:none;"></iframe>

尝试一下

使用CSS，您还可以更改iframe边框的大小，样式和颜色：

<iframe src="https://www.cainiaoya.com/" style="border:3px solid green;"></iframe>

尝试一下

Iframe | 链接的目标

iframe可以用作链接的目标帧。target链接的属性必须引用iframe的name属性：例如：

<iframe src="css/demo_iframe.html" name="iframe_a"></iframe>
<p><a href="https://www.cainiaoya.com" target="iframe_a">CAINIAOYA.COM（点击这里显示这个网站到iframe）</a></p>

尝试一下