Question

我尝试了很多。但不能做perfect循环背景。如果有人这样做，请向我解释。这是我的html代码：

这是我的代码：

＆＃13;

.customization_text img {
  background: #383838;
  padding: 30px;
  border-radius: 35px;
}

＆＃13;

<div class="col-md-4 customization_text text-center">
  <img src="images/icon_1.png" alt="icon_1">
  <h4>responsive &amp; multipurpose</h4>
  <p>Proin in magna a ipsum viverra scelerisq enec turp, Nunc vestibulum fringilla accumsan ornare quis.</p>
  <button type="button" class="btn btn-light">Light</button>
</div>

＆＃13;

Answer 1

使用此代码段。

.customization_text img {
    background: #383838;
    padding: 30px;
    border-radius: 50%;
    display:block;
    width:50px;
    height:50px;
}

<div class="col-md-4 customization_text text-center">
<img src="images/icon_1.png" alt="icon_1"> 
<h4>responsive &amp; multipurpose</h4>
<p>Proin in magna a ipsum viverra scelerisq enec turp, Nunc vestibulum fringilla accumsan ornare quis.</p>
<button type="button" class="btn btn-light">Light</button>
</div>

Answer 2

要制作一个完美的圆圈，请给出div的高度和宽度;然后使border-radius达到50％。

.customization_text img {
  background: #383838;
  padding: 30px;
  border-radius: 35px;
}

如何用CSS圆形背景色？

2 个答案: