gpt4 book ai didi

html - 我怎样才能做这样的模块?

转载 作者:太空宇宙 更新时间:2023-11-04 15:57:44 28 4
gpt4 key购买 nike

<分区>

我正在尝试为我的网站事件制作如下方框,但我卡住了。

screenshot of a particular layout with text below images

我无法解决的问题:

  • 将图片缩小到相同大小
  • 创建相同大小的模块
  • 将模块对齐在同一行

.background {
width:360px;
height:200px;
}
.image{
width:100%;
height:100%;
}
.text {
width:100%;
height:25%;
color:#ffffff;
background:blue;
z-index: auto;
}
<div class="background">
<div class="image">
<img src="https://zero.eu/content/uploads/2017/01/Ryley_Walker-730x490.jpg" width="360" height="200" class="wp-image-156 hoverZoomLink" alt="Willie Peyote Live">
</div>
<div class="text">
<p>test test test</p>
</div>
</div>

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