随机边框颜色 CSS

Question

我的页面上有 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 随机应用一种颜色。

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

Answer 1

只需在 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)];