Question

以下是我遇到问题的代码。我试图用CSS设置一个CSS读取的变量。我不是新编码，但我是4天前的网络开发新手。

  <?php
    $perc = "70";
    header("Content-type: text/css; charset: UTF-8");
    ?>

    <style>
    .pie {
      width: 100px; 
      height: 100px;
      border-radius: 50%;
      background: green;
      background-image:
      linear-gradient(to right, transparent <?php echo $perc ?>, #499 0);
    }

Answer 1

假设“perc”表示百分比，则需要在代码中的某个位置将百分号传递给CSS。

您可以使用：

$perc = "70%";

或者：

linear-gradient(to right, transparent <?php echo $perc; ?>%, #499 0);

Answer 2

使用此PHP启动CSS文件（并将其命名为style.php）：

    <?php
        $perc = "70%";
        header("Content-type: text/css; charset: UTF-8");
    ?>


    .pie {
      width: 100px; 
      height: 100px;
      border-radius: 50%;
      background: green;
      background-image:
      linear-gradient(to right, transparent <?php echo $perc ?>, #499 0);
    }

然后在HTML文件中使用PHP文件名调用CSS：

    <link rel='stylesheet' type='text/css' href='/style.php' />

    <input type="text" name='aaa' class="pie">
    <input type="text" name='aaa' >

HTML / CSS需要帮助设置简单圆图的变量

2 个答案: