gpt4 book ai didi

html - 为 div 中的背景限制图像的位置/大小

转载 作者:行者123 更新时间:2023-11-28 01:15:29 24 4
gpt4 key购买 nike

我正在尝试限制我的背景图像以使其填充该部分但不会放大。任何帮助将不胜感激。我目前有这段代码

    <div class="full-width-bg larger-text" style="padding-top: 50px;">
<div class="custom-bg bgsIE bg-image" style="background-image: url('image.jpg');">
</div>
<div class="content-container">
<h2><span style="color: #154774;"><strong>Sign up now for <br>a 14-day trial</strong></span></h2>
<p><a href="" class="btn large darker-gray">Try it for free today</a>
<hr class="gap" style="margin:50px 0 0 0;">
</div></div>

到目前为止它是这样的:

我希望它看起来如何

最佳答案

添加 background-position: center; 以及 background-image 属性并查看结果。如果间距有问题,则 background-size 属性在大多数情况下最好设置为 background-size: cover;

关于html - 为 div 中的背景限制图像的位置/大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51866205/

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