gpt4 book ai didi

html - 具有特殊 flex 边的 Div

转载 作者:行者123 更新时间:2023-11-28 12:39:06 25 4
gpt4 key购买 nike

我正在尝试使用 CSS 创建此图像的底部 flex 边。有可能吗?怎么做? enter image description here

最佳答案

这样使用:

body {padding: 15px;}
.border img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 100px 25px;
border-bottom-left-radius: 100px 25px;
overflow: hidden;
padding: 3px;
border: 1px solid #fff;
box-shadow: 0 0 10px #666;
}
<div class="border">
<img src="http://lorempixel.com/250/250" alt="" />
</div>

预览:

关于html - 具有特殊 flex 边的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26868872/

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