gpt4 book ai didi

html - 将 padding-top 应用于带有 border-radius 的样式会破坏 border-radius 功能

转载 作者:太空宇宙 更新时间:2023-11-03 21:47:00 27 4
gpt4 key购买 nike

<img src="Image source here" width="132" height="148" style="border-radius:3px;padding-top:50px"/>

谁能澄清为什么添加 padding-top 似乎会导致浏览器忽略 border-radius 属性?

您可以通过从样式属性中删除/添加填充来进行快速测试,注意如何使用填充,忽略边框半径。

这是一个错误,还是背后有充分的理由?

感谢您的宝贵时间。

最佳答案

是因为通过在顶部添加填充,您的边框只会上升(50 像素),所以使用 margin-top。像这样(我添加了背景颜色以更好地查看它)

<img src="Image source here" width="132" height="148" style=" background-color: #3d3d3d; border-radius:3px; margin-top:50px; "/>

希望对你有帮助

看这里codepen

关于html - 将 padding-top 应用于带有 border-radius 的样式会破坏 border-radius 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20077801/

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