随机边框颜色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种可能的边框颜色，并为每个李书福获取随机应用的颜色之一。

有谁知道这可以做到吗？

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)]; 

Answer 2

，覆盖了所有边缘例的解决方案，如加适量补零：

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