3

我的页面上有 5 个列表项，应用了以下 CSS：

#content .gallery_work ul li {
    background-color: #FEF5D6 !important;
    border-right: 15px solid blue;
    color: #373C46;
    float: left;
    font-size: 13px;
    height: 250px !important;
    margin: 10px !important;
    text-align: center;
    width: 225px !important;
}

我想要的是 5 种可能的边框颜色，并为每个 li 随机应用一种颜色。

有谁知道如何做到这一点？

4

2 回答 2

6

只需在 JavaScript 或您选择的服务器端语言中生成一个数字。

你可以用JavaScript来做...... 

var color = "#" + Math.floor(Math.random() * 0xFFFFFF).toString(16);

...或 PHP ...

$color = "#" . dechex(rand(0, 0xFFFFFF));

你的评论...

有没有一种方法可以声明一个数字，然后让它从它们中随机选择，而不是使用完全随机的颜色？

是的，例如...

$colors = array("#000", "#fff");

$randomColor = $colors[array_rand($colors)];
于 2012-11-18T23:25:34.907 回答
1

涵盖所有边缘情况的解决方案，如添加适当的零填充：

function randomColor() {
    return (function(h) {
         return '#000000'.substr(0, 7 - h.length) + h;
    })((~~(Math.random() * (1 << 24))).toString(16));
}

最初由雷米夏普： http: //paulirish.com/2009/random-hex-color-code-snippets/#comment-34878

于 2012-11-19T00:06:51.933 回答