随机字体颜色

时间:2011-02-20 14:59:26

标签: javascript css random

如何用2或3种随机颜色填充文字?

2 个答案:

答案 0 :(得分:3)

您可以使用javascript进行制作。

有16777215种颜色......

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

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

(关于Paul Irish's blog的随机颜色生成很好。)

答案 1 :(得分:0)

这是我用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>

每个句子都有其独特的颜色和独特的尺寸(从12px到35px)。