随机字体颜色答案

【问题标题】：Random font color随机字体颜色
【发布时间】：2011-02-20 14:59:25
【问题描述】：

如何用 2 或 3 种随机颜色填充文本？

【问题讨论】：

您应该将此问题直接提交给 Stack Overflow。
你不能只使用 CSS，你需要 Javascript。
Random font color 的可能重复项
你也可以使用 PHP 等服务器端语言来实现

【解决方案1】：

你可以用javascript来做。

有 16777215 种颜色，所以...

function randomColor() {
    return '#' + ('00000' + (Math.random() * 16777216 << 0).toString(16)).substr(-6);
}

你去 - 随机颜色生成器，虽然一些输出的颜色可能很丑 - 我警告过你！

（在Paul Irish's blog 上讨论了随机颜色生成。）

【讨论】：

【解决方案2】：

这就是我使用 CSS 和 javascript 的方式（这里的代码用于随机颜色和随机大小）：

<head>
    <style>
      div {
        position: relative;
        float: left;
        display: inline-block;
        margin-right: 15px;
      }
    </style>

    <script type="text/javascript">
      function randomColors() {
        document.write("<div style='color:#" + Math.floor(Math.random()*4096).toString(16) + ";font-size: " + Math.floor(Math.random()*24+12) + "px;'>");
      }
    </script>
    </head>

<body>
<script>randomColors()</script>Sentence1 </div>
<script>randomColors()</script>Sentence2 </div>
<script>randomColors()</script>Sentence3 </div>

等等

每个句子都有其独特的颜色和独特的大小（从 12 像素到 35 像素）。

【讨论】：