javascript - 圆形的圆圈，即一个圆圈中有 6 个圆圈

Question

在这里，我尝试使用 bootstrap、CSS 和 HTML5 以圆形显示按钮。我想要它是精确的圆形。 friend ，你能解决一下吗？请尝试帮助我，我也希望它具有响应性。下面是我的代码，请仔细阅读。在这里，我尝试使用 bootstrap、CSS 和 HTML5 以圆形显示按钮。

    <div class="col-md-12">

        <div class="row" align="center">

        <div class="col-md-6">
            <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Product
              identification</i></button>
        </div>



<div class="col-md-6">
        <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Cataloguing, listing <br> and pricing</i></button>
    </div>

    </div>

   </div>  

   <div class="col-md-12">

      <div class="row" align="center">

      <div class="col-md-6">

      </div>

      <div class="col-md-6">
          <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Cataloguing, listing <br> and pricing</i></button>
      </div>

      </div>

     </div> 

   <div class="col-md-12">

    <div class="row" align="center">

      <div class="col-md-4">
          <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Front ending <br> end customers</i></button>
      </div>

      <div class="col-md-4">
          <button type="button" class="btn btn-info btn-circle btn-xl"><i class="" style="font-size:17px;"><b>ZRPL</b></i></button>
      </div>

      <div class="col-md-4">
          <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Enhance product <br> visibility and deals</i></button>
      </div>

      </div>

     </div> 

     <div class="col-md-12">

      <div class="row" align="center">

        <div class="col-md-6">
            <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Returns and ARB management</i></button>
        </div>

        <div class="col-md-6">
            <button type="button" class="btn btn-info btn-circle btn-xl"><i class="">Logistical
              support</i></button>
        </div>

        </div>

       </div> 

Answer 1

在您的按钮中添加此 css 样式。它会在你的按钮上形成一个圆形。您可以在按钮上提供任何 width 和 height 值。只需确保高度和宽度应具有相同的值即可。

width:170px;
height:170px;
border-radius:50%