html - 是否可以在 iframe 上使用 CSS 圆 Angular ？

Question

我环顾四周，据我所知这是不可能的，但是假设您要嵌入 YouTube iframe，是否可以使用 CSS 来绕过这些 Angular ？

Answer 1

How to Get Rounded Corners on an iFrame using Border-Radius CSS中描述的div容器方法对我有用。

And to do this you simply wrap the iFrame in div tags and give the div these css properties:

<div style="border-radius: 10px; width: 300px; overflow: hidden;">

The border-radius should be set to whatever you want the roundness to be, and the width must be set to the width of the iFrame, else you will get only a few (if any) rounded corners. But the most important thing is the overflow: hidden, as this hides the iFrames real corners.