HTML <iframe> 标签用于定义内联框架。
可以使用 frameBorder 属性从 <iframe> 标记中删除边框。
在这个片段中，我们可以看到如何做到这一点。
我们需要以下语法：
frameBorder="value";
这里的“B”字母要大写，否则浏览器将无法识别。
frameBorder 属性可以有两个值：0（禁用边框）和 1（启用边框）。
其默认值为 1.
添加 CSS
- 设置 <iframe> 元素的高度和宽度并指定背景颜色。
- 将 <body> 元素的 text-align 属性设置为“center”。
iframe {
height: 250px;
width: 300px;
background-color: #c6c7af;
}
body {
text-align: center;
}
我们的代码的结果如下所示。
从 <iframe> 元素中移除边框的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
iframe {
height: 250px;
width: 300px;
background-color: #c6c7af;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>Example</h1>
<iframe src="https://www.onitroad.com/" frameBorder="0"></iframe>
</body>
</html>
创建 HTML
- 使用 <body> 元素。
- 在 <body> 中添加一个 <h1> 元素。
- 在 <body> 中添加带有 src 和 frameBorder 属性的 <iframe> 元素。
- 使用 0 作为 frameBorder 属性的值。
<body> <h1>Example</h1> <iframe src="https://www.onitroad.com/" frameBorder="0"></iframe> </body>
日期：2020-06-02 22:15:11 来源：oir作者：oir