我正在使用Facebook的页面插件，它在网站上显示Facebook页面提要。该插件只是少量的HTML代码，可以存入您用于制作网站的任何文件。
这是代码：
<div class="fb-page" data-href="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts" data-width="250" data-height="340" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts"><a href="https://www.facebook.com/pages/UrchinBooks-Shop/922785527788785?fref=ts">UrchinBooks Shop</a></blockquote></div></div>
我尝试在样式表中使用div的类，但是没有做任何事情。我还尝试为所有div添加样式标记。那里也没有。
是否可以提供在网页上显示的框，即插件生成的框，圆角？
答案 0 :(得分：2)
这是如何给插件圆角;
进入浏览器中的开发人员工具并浏览HTML，直到找到插件的HTML代码所在的位置。展开所有div，span和其他任何内容，直到找到iFrame标记。您需要在样式表中使用此iFrame标记。对我来说是：
.fb_iframe_widget iframe
但是对于其他人可能会有所不同，因为插件可能会以不同的方式工作。
基本上，您在样式表中使用该iFrame。对我来说，我使用开发人员工具查找iFrame标签，然后我找到了与该iFrame标签关联的CSS选择器，并在样式表中使用了CSS选择器。