如何在iframe周围创建边框？

Question

我试图在wordpress上为某些conetnt添加一个边框，因为我不知道如何添加一个css文件我试图在html中做所有事情（或者至少我认为是html）。我的编码知识留给了我在高中的几年。

这是我想要创建1或2像素的简单黑色边框的内容：

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe>

然而这不起作用。所以我试着这样：

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe> <style> iframe.solid {border-style:solid} </style> 

但这也行不通。

如何在不使用单独的css文件的情况下以正确的方式放置内容？

Answer 1

输出内容在代码段中不起作用。 HTML5中不推荐使用<iframe>

的属性

<强>滚动

<强> FRAMEBORDER

<强>对准

<强> LONGDESC

<强> MARGINWIDTH

而不是将它们用作iframe内联属性，您可以在css中使用它

<强>样本：

＆＃13;

＆＃13;

iframe{
border:4px solid red;
}

＆＃13;

<iframe src="https://www.google.co.in/?gfe_rd=cr&dcr=0&ei=WyV_WvDBOY_E8wfHmba4Aw"></iframe>

＆＃13;

＆＃13;

＆＃13;

访问此链接以获取有关已弃用属性的详细信息

https://html.com/tags/iframe/

Answer 2

如果要使用内联HTML样式：

 <iframe src="https://link_to_my_file/file.pdf" 
    style="width:1000px; height:300px; border: 1px solid black;"></iframe>

Answer 3

只需将边框声明添加到style =＆＃34;＆＃34;在iframe标签内。

＆＃13;

＆＃13;

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px; border: 2px solid red"></iframe>

＆＃13;

＆＃13;

＆＃13;