Question

在这里，我尝试使用引导程序，CSS和HTML5将按钮显示为圆形。我想要精确的圆形。朋友，您能解决它吗？请尝试帮助我，我也希望它能快速响应。下面是我的代码，请仔细阅读。在这里，我尝试使用引导程序，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%

圆形的圆圈，即一个圆圈6个圆圈

1 个答案: