如何更改HTML框角的颜色?

时间:2018-10-11 04:57:53

标签: html colors background rounded-corners

<iframe width="100%" height="500" src="https://minnit.chat/Real97ChatRoom?embed&amp;web" style="border: none;" allowtransparency="true"></iframe><br /><a href="https://minnit.chat/Real97ChatRoom" target="_blank" rel="noopener noreferrer"></a>

我正试图在我的网站上放置一个聊天室,并为此提供了嵌入式代码,但是由于某些原因,盒子的角是白色的,看起来不专业。我相信它显示为白色角的原因是因为聊天室框本身具有圆角,并且背景可能不是透明的?因此,它留下了白色标记。我不太确定,但是我想看看是否可以添加一些代码来将这些白色标记变为黑色或透明,以便我可以将圆角保持不变。我将在下面留下一张照片作为参考。请完全打开图片以查看我在说的白色标记。

上面给出的代码也是我列出的。


看看是否可以帮忙。

谢谢。enter image description here

1 个答案:

答案 0 :(得分:0)

<style>
iframe{
    -webkit-box-shadow:inset 0px 0px 0px 10px #f00;
    -moz-box-shadow:inset 0px 0px 0px 10px #f00;
    box-shadow:inset 0px 0px 0px 10px #f00;
}
</style>

您可以尝试使用此代码,它应该可以正常工作。