1. 首页
  2. 问题列表
  3. 我的html结构有问题
提问者：小点点

我的html结构有问题


我想为这些图像制作框，而不是整行。

我尝试过将div标签与一个名为caja-img的类放在一起，它包含一个特定的宽度。

超文本标记语言

<div class="col-md">
    <div class="contenido">
        <div class="caja-img">
            <img src="img/icon1.png" alt="Autogestion">
        </div>
        <h3 class='text-center'>Facil y seguro!</h3>
    </div>
</div>

CSS

.caja-img {
    background-color: red;  
 }

我只想给图像上色，而不是给所有的行上色。


共2个答案

匿名用户

您可以设置所有

.caja-img img{
    background-color: red;  
}

这样做的目的是设计中所有img元素的样式。caja img。

匿名用户

可以使用类设置元素。caja img至显示：内联块。

请参阅下面的代码示例：

.caja-img {
  background-color: red;
  display: inline-block;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-md">
  <div class="contenido">
    <div class="caja-img">
      <img src="img/icon1.png" alt="Autogestion">
    </div>
    <h3 class='text-center'>Facil y seguro!</h3>
  </div>
</div>

相关问题