21xrx.com
2025-06-01 20:04:22 Sunday
  

HTML 浮动框架(iframe)

浮动框架用来在一个网页里面显示另一个网页

Iframe语法

iframe标签的语法是:

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

src属性指定iframe页的URL(网络地址)

Iframe - 设置宽度和高度

heightwidth属性指定iframe的尺寸.

属性值的默认单位是像素(px),也可以用百分比来指定(例如:"80%");

例子

<iframe src="https://www.21xrx.com" width="200" height="200">
</iframe>
Markup

Iframe - 去除边框

默认情况下,iframe有黑色的边框包围着.

用CSS的border属性去除边框:

例子

<iframe src="https://www.21xrx.com" style="border:none">
</iframe>
Markup

你也可以用CSS改变iframe的边框大小,样式和颜色:

例子

<iframe src="https://www.21xrx.com" style="border:5px dotted red">
</iframe>
Markup

把超链接指向iframe

iframe可以作为超链接的目标

超链接的target属性值必须为iframe的name属性值

例子

<iframe src="" name="iframe_a"></iframe>
<p><a href="https://www.21xrx.com" target="iframe_a">21xrx.com</a></p>
Markup

HTML iframe标签

标签名描述
<iframe>定义行内浮动框架
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2