如何使用 php while 循环为 div 赋予不同的颜色？答案

【问题标题】：How to give different colors to div's using php while loop?如何使用 php while 循环为 div 赋予不同的颜色？
【发布时间】：2017-01-12 09:56:30
【问题描述】：

<div class="vc_row wpb_row vc_inner vc_row-fluid">
    <?php
        $facilitiessql="select * from ".TABLE_ADM_FACILITIES;
        $facilitiesrun=mysql_query($facilitiessql);
        while($facilitiesfetch=mysql_fetch_array($facilitiesrun))
        {
    ?>
    <div class="wpb_column vc_column_container vc_col-sm-3">
      <div class="vc_column-inner vc_custom_1458192848305">
            <div class="wpb_wrapper">
              <div class='dt-sc-icon-box type10'>
                <div class="icon-wrapper">  
                    <img width="215" height="215" src="upload/facilities/<?php echo $facilitiesfetch['bimg'];?>" class="attachment-full" alt="service-image-1" sizes="(max-width: 215px) 100vw, 215px"/>
                </div>
                <div class="icon-content">
                    <h4><?php echo $facilitiesfetch['title']; ?></h4>
                    <?php echo $facilitiesfetch['content']; ?>
                </div>
              </div>
            </div>
       </div>
     </div>
    <?php } ?>
</div>

如何使用 while 循环为这些 div 赋予不同的颜色，它们具有相同的类。

【问题讨论】：

你想给每个 div 一个不同的颜色吗？
您想要特定的顺序或特定的颜色，还是想要全部随机？
是的，我想给每个 div 不同的颜色。
yes i want to give each div different color.:- 不可能

标签： php loops colors while-loop

【解决方案1】：

如果想为每个 div 赋予不同的颜色，下面的解决方案可能会对您有所帮助。

<div class="vc_row wpb_row vc_inner vc_row-fluid">
<?php

    $arrColorCode = array('#7FFFD4','#F0FFFF','#F5F5DC','#F5F5DC','#A52A2A', '#DEB887');

    $facilitiessql="select * from ".TABLE_ADM_FACILITIES;
    $facilitiesrun=mysql_query($facilitiessql);
    while($facilitiesfetch=mysql_fetch_array($facilitiesrun))
    {
      $i = 0;
      $styleCode = '';
      if(isset($arrColorCode[$i]))
        $styleCode = "style='background-color:$arrColorCode[$i]'";
      ?>
      <div class="wpb_column vc_column_container vc_col-sm-3" <?php echo $styleCode; ?>>
        <?php 
          $i++;
          if(isset($arrColorCode[$i]))
            $styleCode = "style='background-color:$arrColorCode[$i]'";
        ?>
        <div class="vc_column-inner vc_custom_1458192848305" <?php echo $styleCode; ?>>
              <?php 
                $i++;
                if(isset($arrColorCode[$i]))
                  $styleCode = "style='background-color:$arrColorCode[$i]'";
              ?>
              <div class="wpb_wrapper" <?php echo $styleCode; ?>>
                <?php 
                  $i++;
                  if(isset($arrColorCode[$i]))
                    $styleCode = "style='background-color:$arrColorCode[$i]'";
                ?>
                <div class='dt-sc-icon-box type10' <?php echo $styleCode; ?>>
                  <?php 
                    $i++;
                    if(isset($arrColorCode[$i]))
                      $styleCode = "style='background-color:$arrColorCode[$i]'";
                  ?>
                  <div class="icon-wrapper" <?php echo $styleCode; ?>>  
                      <img width="215" height="215" src="upload/facilities/<?php echo $facilitiesfetch['bimg'];?>" class="attachment-full" alt="service-image-1" sizes="(max-width: 215px) 100vw, 215px"/>
                  </div>
                  <?php 
                    $i++;
                    if(isset($arrColorCode[$i]))
                      $styleCode = "style='background-color:$arrColorCode[$i]'";
                  ?>
                  <div class="icon-content" <?php echo $styleCode; ?>>
                      <h4><?php echo $facilitiesfetch['title']; ?></h4>
                      <?php echo $facilitiesfetch['content']; ?>
                  </div>
                </div>
              </div>
         </div>
       </div>
      <?php 
    } 
?>

【讨论】：

【解决方案2】：

您可以使用您想要的颜色创建一组颜色$colors。在您的while 迭代之后，您可以从该数组中获取一个颜色值并应用于div 样式（在我的示例中，我将它放在颜色属性上，但它可以放在背景颜色或其他属性上）。

<div class="vc_row wpb_row vc_inner vc_row-fluid">
    <?php
        // Your php code here
        $colors = array('#112233', '#445566', '#778899');
        $cIndex = 0;
        while($facilitiesfetch=mysql_fetch_array($facilitiesrun))
        {
            $color = $colors[$cIndex++ % count($colors)];
    ?>
    <div class="wpb_column vc_column_container vc_col-sm-3" style="color: <?php echo $color; ?>;">
      <!-- The rest of your html here -->
    </div>
    <?php } ?>
</div>

【讨论】：