使用 HTML 标签
我们可以轻松地将 CSS 应用于 iframe,但让我们首先看看
现在让我们将 CSS 应用到 iframe。
将内联 CSS 应用到 iframe
style属性用于设置内联css。我们设置了边框、宽度和高度 -
<iframe style="border: 2px solid gray; width: 500px; height: 400px;" src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks">
示例
让我们看一下例子 -
<!DOCTYPE html> <html> <head> </head> <body> <h1>Courses</h1> <iframe style="border: 2px solid gray; width: 500px; height: 400px;" src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks"> </iframe> </body> </html>
将内部 CSS 应用到 iframe
style标签用于设置iframe的内部css。我们已将 iFrame 样式设置为新的边框、宽度和高度 -
iframe { border: 3px solid green; width: 500px; height: 400px; }
示例
让我们看一个例子 -
<!DOCTYPE html> <html> <head> <style> iframe { border: 3px solid green; width: 500px; height: 400px; } </style> </head> <body> <h1>Courses</h1> <iframe src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks"> </iframe> </body> </html>
以上就是如何将CSS应用于iframe?的详细内容,更多请关注编程之家其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。