css如何产生随机颜色 |外部js文件里面引用css

css 发光滤镜，css字上有线，css图片在文字上方，css标签切换代码，flex3 css embed 引用，显示横条去掉竖条css，外部js文件里面引用css css如何产生随机颜色 |外部js文件里面引用css

/* CSS代码 */
.color {
	background-color: rgb(随机数1, 随机数2, 随机数3);
}

大家可以用RGB颜色表示法来指定颜色。RGB颜色表示法是指由红、绿、蓝三个颜色通道的组合来得到各式各样的颜色。一般来说，大家使用10进制数(0~255)来表示颜色，也可以使用16进制数(00~FF)来表示。

那么如何产生CSS随机颜色呢？大家可以采用JavaScript来这样做：

/* JavaScript代码 */
var color = document.getElementsByClassName('color')[0];
var randomNum1 = Math.floor(Math.random() * 256);
var randomNum2 = Math.floor(Math.random() * 256);
var randomNum3 = Math.floor(Math.random() * 256);
color.style.backgroundColor = 'rgb(' + randomNum1 + ', ' + randomNum2 + ', ' + randomNum3 + ')';

代码分割解释一下，大家首先用HTML来书写大家的页面元素，然后在JavaScript中，大家首先用getElementsByClassName()方法来获取HTML中指定的元素，其次，大家使用Math.floor()方法得到0~255的随机数，紧接着，大家使用style.backgroundColor来指定背景色。

现在，大家已经学会了如何使用CSS产生随机颜色的方法，而且还加入了JavaScript编程，这样就能让大家更加灵活地控制随机色的变化了。