gpt4 book ai didi

html - webkit border-radius 切断边框

转载 作者:太空宇宙 更新时间:2023-11-04 00:12:52 24 4
gpt4 key购买 nike

我最初想要一张带有黑色边框和圆 Angular 的图片。然而,在 Webkit 上,我没有同时拥有圆形图像和圆形边框,而是得到了矩形图像和圆形边框。矩形图像似乎与边 Angular 的部分边框重叠,导致看起来有点奇怪。在 firefox 和 opera 上,我得到了我想要的结果,但我想知道如何在 webkit 上实现同样的效果。这是一些您可以运行的代码,看看我在说什么。在此先感谢您的帮助!

<!doctype html>

<html>

<head>
<title> Testing Website </title>

<style type="text/css">
img {
height: 500px;
border: 5px solid #000;
border-radius: 20px;
-moz-border-radius: 20px;
}
</style>
</head>

<body>

<img src = "http://www.public-domain-image.com/studio/slides/sunflower-on-white-background.jpg">

</body>

</html>

最佳答案

使用box-shadow:http://jsfiddle.net/UQ2kt/

关于html - webkit border-radius 切断边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12420093/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com